BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1198
Search:
Categories: All CSS (101) HTML elements (100) Selectors (46) JavaScript (43) Forms (42)
WebGL extensions (37) WebAssembly (22) Media queries (21) Fonts (19) Performance (19) Text (19) Scrolling (18) Arrays (17) Layout (17) HTML (16) Progressive web app (15) Typed arrays (14) Units (14) Canvas (13) Background (12) Color types (12) Media elements (12) Strings (12) Clipping, shapes, and masking (11) Security (11) Web components (11) WebXR (11) Typographic font features (10) Animation (9) DOM (9) Internationalization (9) Reporting (9) Text wrap (9) Workers (9) Clipboard (8) Containment (7) Fetch (7) JavaScript modules (7) Print media (7) Sensors (7) CSS object models (6) Image formats (6) Iterators (6) Landmark elements (6) Positioning (6) Promises (6) SVG (6) Storage (6) Streams (6) Container queries (5) Credential management (5) Custom elements (5) Explicit defaults (5) Font synthesis (5) HTTP (5) Messaging (5) Multi-column (5) Resource hints (5) Ruby (5) Selection (5) Speech (5) Transitions (CSS) (5) View transitions (5) Web audio (5) WebGL (5) Anchor positioning (4) Cookies (4) Counters (4) File system access (4) Flexbox (4) Gamepad (4) Grid (4) Images (4) Lists (4) Primitive types (4) Regular expressions (4) WebDriver (4) WebRTC (4) Blend mode (3) Borders and outlines (3) Geolocation (3) Gradients (3) Image scaling (3) JSON (3) Maps (3) MathML (3) Payments (3) Reading order (3) Scroll markers (3) Transforms (3) WebAuthn (3) WebGPU (3) White space (3) Worklets (3) XML (3) Collections (2) Compute pressure (2) IndexedDB (2) Parsing and serialization (2) Resource integrity (2) Sets (2) Text fragments (2) WebMCP (2) CSS environment variables (1)
Showing 30 of 429 features

Limited Availability

30 features
• In Progress / Not Yet Baseline

The container option of the scrollIntoView() method sets which ancestor scroll container to scroll. The "nearest" value scrolls only the nearest ancestor, instead of the default "all".

Chrome 140
Firefox
Safari
Edge 140
Status: Incomplete cross-engine support
Limited

The scheduler API provides a way to prioritize all tasks belonging to an application.

Chrome 129
Firefox 142
Safari
Edge 129
Status: Incomplete cross-engine support
Limited

The @function CSS at-rule defines a custom function that takes CSS values or custom properties as arguments, and returns a CSS value. It can be based on conditional logic such as by using the @media at-rule.

Chrome 139
Firefox
Safari
Edge 139
Status: Incomplete cross-engine support

The payment extension of a web authentication credential allows a relying party (such as a bank) to create a credential that can be queried by any merchant origin as part of an online checkout that uses the Payment Request API's secure-payment-confirmation payment method. Also known as SPC.

Chrome 139
Firefox
Safari
Edge 139
Status: Incomplete cross-engine support

The SpeechRecognition API converts audio into text using the device's speech recognition service.

Chrome 139
Firefox
Safari
Edge 139
Status: Incomplete cross-engine support
Limited

The corner-shape CSS property sets the shape of an element's corners when using border-radius, allowing for shapes other than rounded corners. For example, corner-shape: squircle is a shape in between a square and rounded corner.

Chrome 139
Firefox
Safari
Edge 139
Status: Incomplete cross-engine support

The closedby HTML attribute for <dialog> sets which user actions close a dialog. For example, closedby="any" allows the dialog to be closed by clicking outside of it.

Chrome 134
Firefox 141
Safari
Edge 134
Status: Incomplete cross-engine support

The using and await using declarations and the dispose and asyncDispose symbols manage the lifecycle of resources such as file handles and streams. The DisposableStack and AsyncDisposableStack objects can group, dispose, and coordinate dependencies between multiple disposable resources.

Chrome 134
Firefox 141
Safari
Edge 134
Status: Incomplete cross-engine support

The font-variant-emoji CSS property sets the default presentation for emoji characters.

Chrome 131
Firefox 141
Safari
Edge 131
Status: Incomplete cross-engine support
Limited

The Summarizer API uses an on-device language model to summarize text.

Chrome 138
Firefox
Safari
Edge 138
Status: Incomplete cross-engine support

The viewport segment CSS environment variables and media features, and the viewport.segments API, allow you to adapt your layout to devices where the display is split, such as on foldable devices.

Chrome 138
Firefox
Safari
Edge 138
Status: Incomplete cross-engine support
Limited

The if() CSS function is an inline conditional value that returns a value based on a set of conditions.

Chrome 137
Firefox
Safari
Edge 137
Status: Incomplete cross-engine support
Limited

The reading-flow CSS property sets the order in which flex or grid elements are rendered to speech or reached via focus navigation. The reading-order property overrides this order.

Chrome 137
Firefox
Safari
Edge 137
Status: Incomplete cross-engine support

The dynamic-range-limit CSS property controls the peak luminance of high dynamic range content. You can use this to coordinate the apparent brightness of HDR and SDR content.

Chrome 136
Firefox
Safari
Edge 136
Status: Incomplete cross-engine support

The Clear-Site-Data header deletes browsing data (such as cookies, storage, or cache) associated with the requesting website.

Chrome
Firefox 138
Safari 17
Edge
Status: Incomplete cross-engine support

The Error.isError() static method checks whether a value is an Error object.

Chrome 134
Firefox 138
Safari
Edge 134
Status: Incomplete cross-engine support

The ::column CSS pseudo-element represents the individual columns of a multi-column layout container. Columns can only be styled with scroll snap CSS properties and can also have a ::scroll-marker pseudo-element, which scrolls to the column when activated.

Chrome 135
Firefox
Safari
Edge 135
Status: Incomplete cross-engine support

The ::scroll-button(<dir>) CSS pseudo-element is a focusable button which scrolls its originating scroll container element in the specified direction.

Chrome 135
Firefox
Safari
Edge 135
Status: Incomplete cross-engine support
Limited

The when() method on a event target returns an Observable object, which provides a declarative API for subscribing to and operating on events. It's an alternative to addEventListener() callbacks.

Chrome 135
Firefox
Safari
Edge 135
Status: Incomplete cross-engine support

A scroll marker scrolls a container to a scroll target. The ::scroll-marker CSS pseudo-element selects a scroll marker in a ::scroll-marker-group pseudo-element, generated before or after the scroll container. You can use them to navigate and style tables of contents, tab panels, and carousels.

Chrome 135
Firefox
Safari
Edge 135
Status: Incomplete cross-engine support
Limited

The fetchLater() method requests a deferred fetch sent at an unknown time. The browser chooses a reliable time to send the request, ideally when the document is unloaded, and ignores the response. This API is useful for sending beacons to a server without expecting a particular response.

Chrome 135
Firefox
Safari
Edge 135
Status: Incomplete cross-engine support
Limited

The interactivity: inert CSS declaration makes an element and its descendants inert, like when using the inert HTML attribute. Inert elements can't be focused or clicked, their text can't be selected or found using the browser's find-in-page feature.

Chrome 135
Firefox
Safari
Edge 135
Status: Incomplete cross-engine support

The hyphenate-limit-chars CSS property sets the number of characters in a word before it is hyphenated and the minimum number of characters on either side of the hyphen.

Chrome 109
Firefox 137
Safari
Edge 109
Status: Incomplete cross-engine support

Multiple <script type="importmap"> HTML elements merge to produce the overall import map.

Chrome 133
Firefox
Safari 18.4
Edge 133
Status: Incomplete cross-engine support

The ability to control the opacity of a color picked using <input type="color"> and determine the colorspace of the selected color.

Chrome
Firefox
Safari 18.4
Edge
Status: Incomplete cross-engine support
Limited

The font-width CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage.

Chrome
Firefox
Safari 18.4
Edge
Status: Incomplete cross-engine support

The name="application-title" attribute for the <meta> HTML element sets an installed web application's title bar text.

Chrome 134
Firefox
Safari
Edge 134
Status: Incomplete cross-engine support
Limited

The window.getDigitalGoodsService API connects to stores or billing services for in-app products and subscriptions.

Chrome
Firefox
Safari
Edge 134
Status: Incomplete cross-engine support

The withLock option to set(), append(), delete(), clear(), and batchUpdate() methods of the sharedStorage API prevents duplicate reporting from cross-site race conditions.

Chrome 134
Firefox
Safari
Edge 134
Status: Incomplete cross-engine support
← Previous Page 4 of 15 (429 features) Next →