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 1198 features

Limited Availability

30 features
• In Progress / Not Yet Baseline
Limited

The accent-color CSS property sets a color for checkboxes, radio buttons, and other form controls.

Chrome 93
Firefox 92
Safari 26.2
Edge 93
Status: Incomplete cross-engine support
Limited

The random() CSS function chooses a random numeric value within a specified range. This allows for dynamic, randomized styling using CSS.

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

Relaxed SIMD (Single Instruction Multiple Data) introduces local non-determinism, where the results of the instructions may vary based on hardware support.

Chrome 114
Firefox 146
Safari
Edge 114
Status: Incomplete cross-engine support

Anchor position container queries with the @container anchored(fallback: …) at-rule apply styles to an element based on the element's anchor position.

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

The font-language-override CSS property sets which language-specific glyphs are displayed.

Chrome 143
Firefox 34
Safari
Edge 143
Status: Incomplete cross-engine support

Interest invokers, registered by the interestfor HTML attribute, trigger events and actions on a target element when a user shows interest in the element, through behaviors such as hover, focus, or long-press. Pseudo-elements apply styles to sources and targets of interest.

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

The "local-network-access" user permission (and certain actions that imply this permission, such as a fetch() request with { targetAddressSpace: "local" }) allows a site to send requests to servers on a user's local network.

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

The @container style() CSS at-rule and if(style()) CSS function queries accept a range syntax, such as >, <, >=, <=, to query for inexact values.

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

The :target-current CSS pseudo-class selects the active scroll marker (as in ::scroll-marker), while the :target-after and :target-before pseudo-classes select the inactive markers preceding and following the active scroll marker.

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

The screen.orientation.lock() method prevents changes to the screen orientation, typically in fullscreen applications such as games. For example, while locked, rotating a phone to the side won't change the screen orientation from landscape to portrait.

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

The moveBefore() DOM method relocates a node while preserving its state. For example, you can move the active element without losing focus, move an animated element without resetting the animation, or move an iframe without reloading its content.

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

The digital credentials API issues and requests digital credentials, such as driver's licenses or ID cards, with the browser or operating system. Digital credentials extend the navigator.credentials credential management API.

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

Signature-based resource integrity verifies a script's provenance by checking that the resource has been signed with a trusted key given by the <script> element's integrity attribute.

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

The anchor() and anchor-size() CSS functions animate or transition on changes such as the anchor box moving or the anchor element changing.

Chrome 125
Firefox
Safari 26
Edge 125
Status: Incomplete cross-engine support

The animation-timeline, scroll-timeline, and view-timeline CSS properties advance animations based on the user's scroll position.

Chrome 115
Firefox
Safari 26
Edge 115
Status: Incomplete cross-engine support

The signalUnknownCredential(), signalAllAcceptedCredentials(), and signalCurrentUserDetails() methods of PublicKeyCredential inform authenticators of the state of public key credentials, so that incorrect or revoked credentials may be updated, removed, or hidden.

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

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.

Chrome 94
Firefox 130
Safari 26
Edge 94
Status: Incomplete cross-engine support

The text-wrap: pretty CSS declaration prioritizes better layout over speed when text is broken into multiple lines.

Chrome 117
Firefox
Safari 26
Edge 117
Status: Incomplete cross-engine support

The scroll-target-group CSS property sets the container where anchor links act as scroll markers. Using selectors such as :target-current, you can style elements when a target has scrolled into view. It's an alternative to the ::scroll-marker-group pseudo-element, which generates scroll markers.

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

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
← Previous Page 29 of 40 (1198 features) Next →