October 2023 web platform update
Now widely available on the web platform
Widely available
-
Flexbox gap: The
gap
CSS property in a flexbox layout sets the size of the space between items. Learn more.
Newly available on the web platform
Newly available
-
ARIA attribute reflection: WAI-ARIA attributes have corresponding properties on
Element
andElementInternals
objects. Learn more. -
Canvas text baselines: The
alphabeticBaseline
,hangingBaseline
, andideographicBaseline
canvas text metrics measure the distance from the usedtextBaseline
to the respective typographic baseline. Learn more. -
<search>: The
<search>
HTML element is a container that represents the parts of the web page with search functionality. Learn more. -
Web authentication easy public key access: The
getAuthenticatorData()
,getPublicKey()
, andgetPublicKeyAlgorithm()
methods ofAuthenticatorAttestationResponse
access credential data insideattestationObject
without the need to parse it. Learn more.
Now available in Chrome
Limited availability
-
cap unit: The CSS
cap
unit corresponds to the height of Latin capital letters. Learn more. -
Promise.withResolvers(): The
Promise.withResolvers()
static method is an alternative to thePromise()
constructor that returns both the promise and resolution functions. You can use this to accessresolve
andreject
outside the scope of the executor function. Learn more. -
Relative colors: The
from
keyword for color functions (color()
,hsl()
,oklch()
, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS). Learn more. -
@scope: The
@scope
CSS at-rule sets the scope for a group of rules. Learn more. -
Storage access: The
document.requestStorageAccess()
method allows content in iframes to request storing and reading cookies and other site data, while thedocument.hasStorageAccess()
method checks if such access is granted. Learn more. -
:user-valid and :user-invalid: The
:user-valid
and:user-invalid
pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints. Learn more.
Now available in Chrome Android
Limited availability
-
cap unit: The CSS
cap
unit corresponds to the height of Latin capital letters. Learn more. -
Promise.withResolvers(): The
Promise.withResolvers()
static method is an alternative to thePromise()
constructor that returns both the promise and resolution functions. You can use this to accessresolve
andreject
outside the scope of the executor function. Learn more. -
Relative colors: The
from
keyword for color functions (color()
,hsl()
,oklch()
, etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS). Learn more. -
@scope: The
@scope
CSS at-rule sets the scope for a group of rules. Learn more. -
:user-valid and :user-invalid: The
:user-valid
and:user-invalid
pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints. Learn more.
Now available in Edge
Limited availability
-
cap unit: The CSS
cap
unit corresponds to the height of Latin capital letters. Learn more. -
@scope: The
@scope
CSS at-rule sets the scope for a group of rules. Learn more.
Now available in Firefox
Limited availability
-
Array grouping: The
Object.groupBy()
andMap.groupBy()
static methods group values of arrays and iterables based on a function that returns a key for each value. Learn more.
Now available in Firefox for Android
Limited availability
-
Array grouping: The
Object.groupBy()
andMap.groupBy()
static methods group values of arrays and iterables based on a function that returns a key for each value. Learn more.
Now available in Safari on iOS
Limited availability
-
Managed media source: The
ManagedMediaSource
API is aMediaSource
where the browser manages the memory of source buffers and may evict data if needed. Learn more.