Stay up-to-date with the web platform
Use the Web platform features explorer to discover new features and APIs and stay up-to-date with changes.
Subscribe to RSS feeds
Newly available across browsers
-
Container style queries:
Container style queries with the
@containerat-rule apply styles to an element based on the values of custom properties of its container. -
:open:
The
:openCSS pseudo-class matches elements that have open states, like<details>,<dialog>, or<select>, based on their state. -
ToggleEvent source:
The
sourceproperty of aToggleEventobject is the element which triggered thetoggleevent to fire for a popover,<dialog>, or<details>element, if applicable. -
crisp-edges:
The
image-rendering: crisp-edgesCSS declaration scales images to preserve lines without blurring. -
text-decoration-skip-ink: all:
The
text-decoration-skip-ink: allCSS declaration forces interruptions in underlines and overlines where the line would cross a glyph. This contrasts withauto, which does not skip for CJK glyphs.
Now widely available across browsers
-
lh unit:
The
lhCSS length unit corresponds to the requested line height, the computed value of theline-heightproperty. Some lines may be higher than this based on their content. -
User activation:
The
navigator.userActivationAPI reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure. -
<link rel="modulepreload">:
The
rel="modulepreload"attribute for the<link>HTML element indicates that a module script should be fetched, parsed, and compiled preemptively, and stored for later execution. -
Overflow media queries:
The
overflow-blockandoverflow-inlineCSS media queries set styles based on the way a device displays content that's larger than the viewport or page area. For example, a laptop lets users scroll to reveal content, while a printer displays overflowing content on additional pages. -
:nth-child() of <selector>:
The
ofsyntax for the:nth-child()and:nth-last-child()CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.