July 2023 web platform update
Now widely available on the web platform
Widely available
-
:is(): The
:is()
CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. Learn more. -
:where(): The
:where()
CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity. Learn more.
Newly available on the web platform
Newly available
-
animation-composition: The
animation-composition
CSS property chooses how to combine animations that affect the same property. Learn more. -
Array by copy: The
toReversed()
,toSorted()
,toSpliced()
, andwith()
methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such assort()
orreverse()
that change arrays in place. Learn more. -
Two-value display property: The
display
CSS property accepts multiple keyword values, such asinline flex
orblock flow
, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax. Learn more.
Now available in Chrome
Limited availability
-
Scroll-driven animations: CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position. Learn more.
Now available in Chrome Android
Limited availability
-
Scroll-driven animations: CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position. Learn more.
Now available in Edge
Limited availability
-
Scroll-driven animations: CSS scroll-driven animations are a type of CSS animations that don't run over time, but are instead driven by the user's scroll position. Learn more.
Now available in Firefox
Limited availability
-
Array.fromAsync(): The
Array.fromAsync()
static method copies items from an async iterable object to make a new array. Learn more. -
baseline-source: The
baseline-source
CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on thedisplay
property value. Learn more. -
<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. Learn more. -
URL.canParse(): The
URL.canParse()
static method checks whether a URL can be parsed into a validURL
object. It's an alternative to callingnew URL()
in atry…catch
statement. Learn more.
Now available in Firefox for Android
Limited availability
-
Array.fromAsync(): The
Array.fromAsync()
static method copies items from an async iterable object to make a new array. Learn more. -
baseline-source: The
baseline-source
CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on thedisplay
property value. Learn more. -
<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. Learn more. -
URL.canParse(): The
URL.canParse()
static method checks whether a URL can be parsed into a validURL
object. It's an alternative to callingnew URL()
in atry…catch
statement. Learn more.