Now You Can Use — Web Platform Baseline Reference

Now You Can Use

6 min read Original article ↗

Showing 30 of 1204 features

• September 2026

The ariaNotify() method of Element and Document requests assistive technology software, if activated, to announce a message to the user. This can help make dynamic content changes more accessible to users.

Chrome 141

Firefox 150

Safari 27

Edge 141

Baseline Date: Sep 14, 2026

The alpha() CSS function computes a relative color value by adjusting the opacity of an origin color.

Chrome 151

Firefox 155

Safari 27

Edge 151

Baseline Date: Sep 14, 2026

The light-dark() CSS function accepts, in addition to colors, two <image> values, such as a gradient or URL, and uses one depending on the current color scheme.

Chrome 150

Firefox 150

Safari 27

Edge 150

Baseline Date: Sep 14, 2026

The JavaScript promise integration (JSPI) suspends a WebAssembly module when it calls a JavaScript method that returns a promise. The module resumes when the promise is resolved. You can use this to call asynchronous Web APIs from synchronous WebAssembly.

Chrome 137

Firefox 153

Safari 27

Edge 137

Baseline Date: Sep 14, 2026

The await keyword, when used at the top level of a module (outside of an async function), delays parent module execution until after a promise fulfills.

Chrome 89

Firefox 89

Safari 27

Edge 89

Baseline Date: Sep 14, 2026

The overflow-anchor CSS property sets an element as a possible scroll anchor, reducing unintended scrolling when document changes occur above the current scrollport. This is enabled by default where supported.

Chrome 56

Firefox 66

Safari 27

Edge 79

Baseline Date: Sep 14, 2026

Asynchronous iteration of a stream allows you to use for await … of loops to iterate through a stream's incoming data.

Chrome 124

Firefox 110

Safari 27

Edge 124

Baseline Date: Sep 14, 2026

autocorrect

Newly Available

The autocorrect global HTML attribute controls whether to automatically correct spelling or punctuation errors for user input.

Chrome 153

Firefox 136

Safari 14.1

Edge 153

Baseline Date: Sep 11, 2026

The progress() CSS function returns a ratio for the relative position of one value between two other values, clamped between 0 and 1. You can use it to interpolate a value for other calculations.

Chrome 138

Firefox 155

Safari 26

Edge 138

Baseline Date: Sep 1, 2026

• August 2026

The sibling-count() and sibling-index() CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of a calc() expression.

Chrome 138

Firefox 154

Safari 26.2

Edge 138

Baseline Date: Aug 18, 2026

• July 2026

The getter methods of the Intl.Locale API provide supplemental information about a Unicode locale, such as the locale's calendar (for example, the first day in a week or the weekend start day), writing direction, 12- or 24-hour cycles, and numbering system.

Chrome 130

Firefox 153

Safari 17

Edge 130

Baseline Date: Jul 21, 2026

• June 2026

The field-sizing CSS property allows form controls such as <textarea> to be sized based on their content.

Chrome 123

Firefox 152

Safari 26.2

Edge 123

Baseline Date: Jun 16, 2026

• May 2026

Container style queries with the @container at-rule apply styles to an element based on the values of custom properties of its container.

Chrome 111

Firefox 151

Safari 18

Edge 111

Baseline Date: May 19, 2026

The source property of a ToggleEvent object is the element which triggered the toggle event to fire for a popover, <dialog>, or <details> element, if applicable.

Chrome 140

Firefox 145

Safari 26.5

Edge 140

Baseline Date: May 11, 2026

The :open CSS pseudo-class matches elements that have open states, like <details>, <dialog>, or <select>, based on their state.

Chrome 133

Firefox 136

Safari 26.5

Edge 133

Baseline Date: May 11, 2026

Name-only container queries with the @container … at-rule apply styles to an element based on the name of the element's container alone.

Chrome 148

Firefox 149

Safari 26.4

Edge 148

Baseline Date: May 7, 2026

The text-decoration-skip-ink: all CSS declaration forces interruptions in underlines and overlines where the line would cross a glyph. This contrasts with auto, which does not skip for CJK glyphs.

Chrome 148

Firefox 75

Safari 15.4

Edge 148

Baseline Date: May 7, 2026

The image-rendering: crisp-edges CSS declaration scales images to preserve lines without blurring.

Chrome 148

Firefox 65

Safari 7

Edge 148

Baseline Date: May 7, 2026

• April 2026

The contrast-color() CSS function picks a color that has guaranteed contrast against a specified foreground or background color.

Chrome 147

Firefox 146

Safari 26

Edge 147

Baseline Date: Apr 10, 2026

The Math.sumPrecise() static method returns the sum of an iterable of numbers. It avoids the precision loss of intermediate partial sums, as found using reduce() or a loop to add together an array of values.

Chrome 147

Firefox 137

Safari 26.2

Edge 147

Baseline Date: Apr 10, 2026

• March 2026

The @scope CSS at-rule sets the scope for a group of rules.

Chrome 143

Firefox 146

Safari 26.4

Edge 143

Baseline Date: Mar 24, 2026

CSP violation reporting sends a report to a URL nominated by the Reporting-Endpoints header or the ReportingObserver API when a page violates its content security policy.

Chrome 74

Firefox 149

Safari 18.4

Edge 79

Baseline Date: Mar 24, 2026

The Reporting-Endpoints HTTP header and ReportingObserver() API send selected reports, such as Content Security Policy (CSP) violation reports or crash reports, to a nominated URL or callback function.

Chrome 96

Firefox 149

Safari 16.4

Edge 96

Baseline Date: Mar 24, 2026

Custom highlights style arbitrary text ranges, without adding extra elements to the DOM.

Chrome 105

Firefox 149

Safari 17.2

Edge 105

Baseline Date: Mar 24, 2026

The Iterator.concat() JavaScript method returns an iterator that yields values from a sequence of iterators, exhausting each iterator before moving on to the next.

Chrome 146

Firefox 147

Safari 26.4

Edge 146

Baseline Date: Mar 24, 2026

A ReadableStream constructed with { type: "bytes" } reads bytes from a stream without making extra copies, improving efficiency for streams of large chunks. Also known as BYOB or bring your own buffer.

Chrome 89

Firefox 102

Safari 26.4

Edge 89

Baseline Date: Mar 24, 2026

The baseline-shift CSS property sets the position of an element relative to its dominant baseline.

Chrome 1

Firefox 149

Safari 4

Edge 79

Baseline Date: Mar 24, 2026

The font-family: math CSS declaration uses the browser default font face for displaying mathematical expressions.

Chrome 109

Firefox 149

Safari 26.2

Edge 109

Baseline Date: Mar 24, 2026