September 2021 web platform update
Now widely available on the web platform
Widely available
-
Abortable fetch: If you construct a fetch request with an
AbortSignal
, you can cancel the request. Learn more. -
AbortController and AbortSignal: The
AbortController
andAbortSignal
APIs allow you to cancel an ongoing operation, such as afetch()
request. Learn more. -
Intersection observer: The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. Learn more.
Newly available on the web platform
Newly available
-
aspect-ratio: The
aspect-ratio
CSS property controls the width-to-height ratio of elements. For<img>
and<video>
elements, thewidth
andheight
attributes used together withheight: auto
control the aspect ratio while the image/video is loading. Learn more.
Now available in Chrome
Limited availability
-
Idle detection: The
IdleDetector
API is used to notify a webpage of the user's idle, active, and locked state. Learn more. -
Scheduler API: The
scheduler
API provides a way to prioritize all tasks belonging to an application. Learn more. -
scrollbar-gutter: The
scrollbar-gutter
CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears. Learn more. -
WebCodecs: The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed. Learn more.
Now available in Chrome Android
Limited availability
-
Idle detection: The
IdleDetector
API is used to notify a webpage of the user's idle, active, and locked state. Learn more. -
Scheduler API: The
scheduler
API provides a way to prioritize all tasks belonging to an application. Learn more. -
scrollbar-gutter: The
scrollbar-gutter
CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears. Learn more. -
WebCodecs: The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed. Learn more.
Now available in Edge
Limited availability
-
accent-color: The
accent-color
CSS property sets a color for checkboxes, radio buttons, and other form controls. Learn more. -
Scheduler API: The
scheduler
API provides a way to prioritize all tasks belonging to an application. Learn more. -
scrollbar-gutter: The
scrollbar-gutter
CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears. Learn more. -
WebCodecs: The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed. Learn more.
Now available in Firefox
Limited availability
-
accent-color: The
accent-color
CSS property sets a color for checkboxes, radio buttons, and other form controls. Learn more. -
Imperative slot assignment: The
assign()
method for<slot>
elements assigns nodes to the slot, as an alternative to using theslot
andname
HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with theslotAssignment
set to "manual". Also known as manual slot assignment. Learn more.
Now available in Firefox for Android
Limited availability
-
accent-color: The
accent-color
CSS property sets a color for checkboxes, radio buttons, and other form controls. Learn more. -
Imperative slot assignment: The
assign()
method for<slot>
elements assigns nodes to the slot, as an alternative to using theslot
andname
HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with theslotAssignment
set to "manual". Also known as manual slot assignment. Learn more.
Now available in Safari
Limited availability
-
:autofill: The
:autofill
pseudo-class matches<input>
elements that have been filled in automatically by the browser. Learn more. -
color(): The
color()
function defines a color within a given color space. Wide gamut color spaces likedisplay-p3
allow showing more vibrant and saturated colors than the standardsrgb
color space. Learn more. -
JavaScript modules in service workers: The
navigator.serviceWorker.register()
method accepts{ type: "module" }
to load scripts that useimport
andexport
. Also known as ECMAScript modules or ESM in service workers. Learn more. -
JavaScript modules in shared workers: The
SharedWorker()
constructor accepts{ type: "module" }
to load scripts that useimport
andexport
. Also known as ECMAScript modules or ESM in shared workers. Learn more. -
JavaScript modules in workers: The
Worker()
constructor accepts{ type: "module" }
to load scripts that useimport
andexport
. Also known as ECMAScript modules or ESM in workers. Learn more. -
Lab and LCH: The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS
color()
,lab()
, andlch()
functions. Also known as CIELAB and CIELCH. Learn more. -
Media session: The
navigator.mediaSession
API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking. 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 Safari on iOS
Limited availability
-
:autofill: The
:autofill
pseudo-class matches<input>
elements that have been filled in automatically by the browser. Learn more. -
color(): The
color()
function defines a color within a given color space. Wide gamut color spaces likedisplay-p3
allow showing more vibrant and saturated colors than the standardsrgb
color space. Learn more. -
JavaScript modules in service workers: The
navigator.serviceWorker.register()
method accepts{ type: "module" }
to load scripts that useimport
andexport
. Also known as ECMAScript modules or ESM in service workers. Learn more. -
JavaScript modules in shared workers: The
SharedWorker()
constructor accepts{ type: "module" }
to load scripts that useimport
andexport
. Also known as ECMAScript modules or ESM in shared workers. Learn more. -
JavaScript modules in workers: The
Worker()
constructor accepts{ type: "module" }
to load scripts that useimport
andexport
. Also known as ECMAScript modules or ESM in workers. Learn more. -
Lab and LCH: The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS
color()
,lab()
, andlch()
functions. Also known as CIELAB and CIELCH. Learn more. -
Media session: The
navigator.mediaSession
API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking. 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.