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
-
field-sizing:
The
field-sizingCSS property allows form controls such as<textarea>to be sized based on their content. -
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.
Now widely available across browsers
-
:has():
The
:has()CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element. -
Lazy-loading images and iframes:
The
loading="lazy"attribute for<img>and<iframe>elements blocks loading the external resource until the user scrolls to that element's part of the page. -
Canvas reset():
The
reset()method clears a canvas to its initial state. -
cap unit:
The
capCSS length unit corresponds to the height of Latin capital letters. -
counter-set:
The
counter-setCSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.