2027 Web Platform Feature Ranking

Ranked proposals (top = most important)

1. CSS reading-⁠flow and reading-⁠order properties

   Sets the order in which flex or grid elements are rendered to speech or reached via focus navigation.
2. CSS gap decorations

   column-⁠rule and row-⁠rule display decorative lines between columns and rows of a flex, grid, or multi-column layout.
3. CSS flex-⁠wrap: balance

   Distributes items in a multi-line flex container so each line has about the same number of items.
4. CSS scroll-triggered animations

   timeline-⁠trigger and animation-⁠trigger play, pause, or reverse animations when the user scrolls to a particular point.
5. CSS container scroll-state queries

   The @container scroll-⁠state(...) at-rule applies styles based on the sticky positioning, snapped, and scrollable state of the container.
6. CSS border-⁠shape property

   Sets the geometry of the border box to a fully custom shape, changing the shape of borders, outlines, and shadows.
7. CSS corner-⁠shape property

   Alternative shapes for border-⁠radius, such as squircles and bevels.
8. CSS @supports at-⁠rule()

   Checks if a CSS at-rule is supported.
9. CSS linked parameters

   Allows passing custom properties into external SVG resources, such as colors.
10. CSS margin-⁠trim

    Removes the margins of child elements when they meet the edges of the container.
11. CSS object-⁠view-⁠box property

    Crops and zooms to an inset area of an image.
12. CSS random() function

    Chooses a random numeric value within a specified range.
13. CSS if() function

    An inline conditional value that returns a value based on a set of conditions.
14. CSS grid lanes (masonry)

    display: grid-⁠lanes creates a layout where items are tightly packed into parallel lanes.
15. CSS line-⁠clamp property

    Limits the text in a block container to a certain number of lines. Also allows custom end text if content overflow occurs.
16. Responsive iframes

    The frame-⁠sizing CSS property sizes an <iframe> to its content, avoiding scrolling within the iframe.