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

The :playing, :paused, :seeking, :buffering, :stalled, :muted, and :volume-locked CSS pseudo-classes match <audio> and <video> elements based on their state.

Chrome
Firefox 150
Safari 15.4
Edge
Status: Incomplete cross-engine support

The color-mix() CSS function accepts three or more colors.

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

The overscroll-behavior CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.

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

The startViewTransition() method of an Element object starts a view transition that affects only that element's DOM tree. You can use this to run separate elements' transitions concurrently.

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

WebXR layer types, such as XRCylinderLayer, XRCylinderLayer, XREquirectLayer, XRProjectionLayer or XRQuadLayer, are managed by the system compositor, to reduce latency or resampling.

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

The border-shape CSS property sets the geometry of the border box, changing the shape of any applicable border, border image, focus outline, or shadow.

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

The CloseWatcher API listens and responds to close requests on in-page components, such as modals, popovers, and sidebars.

Chrome 126
Firefox 149
Safari
Edge 126
Status: Incomplete cross-engine support

Crash reporting sends a report to a URL nominated by the Reporting-Endpoints header when a user is unable to continue using the page because the browser or tab crashed.

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

The display: grid-lanes and display: inline-grid-lanes CSS declarations create a layout where items are tightly packed in parallel lanes. Items are placed one by one in the lane that has the most available space. Also known as masonry.

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

The captureStream() method for <audio> and <video> elements returns a MediaStream for the media element's content. You can use this to record media or send it elsewhere, such as a canvas or WebRTC connection.

Chrome 62
Firefox 149
Safari
Edge 79
Status: Incomplete cross-engine support

The <meta name="text-scale" content="scale" /> HTML element allows the browser's initial font size to be affected by the operating system text scale settings. The <meta name="text-scale" content="legacy" /> element is the default behavior that respects only browser font-size settings.

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

The precommitHandler callback option to NavigateEvent's intercept() method returns a promise that defers navigation until the promise resolves. You can use this to change the navigation's URL, state, and history before navigation occurs.

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

The Sanitizer API customizes the sanitization of HTML parsed and inserted into the DOM in a way that can prevent cross-site scripting attacks. You can use it with DOM APIs that accept a sanitizer option, such as parseHTML() or setHTML().

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

The CustomElementRegistry() constructor creates a new custom element registry that's separate from the global window.customElements registry. Creating more than one registry is useful for multiple custom elements that have the same tag name to coexist.

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

The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.

Chrome 102
Firefox 148
Safari
Edge 102
Status: Incomplete cross-engine support

The overflow-clip-margin CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as overflow: clip.

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

The window.crashReport object is a key-value store to record information about your application's state. If there's a crash, then the data in the key-value store is sent to your crash reporting endpoint, to help you pinpoint the cause of the crash.

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

The confidence property of a navigation performance entry describes whether the navigation metric is likely to be representative the page's performance (high confidence) or affected by transient conditions, such as browser startup (low confidence).

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

The text-justify CSS property sets the justification method of text when text-align: justify is set.

Chrome 145
Firefox 55
Safari
Edge 145
Status: Incomplete cross-engine support

The <geolocation> HTML element represents a button that, upon activation, prompts the user to choose whether to grant the page access to geolocation data.

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

Anchor positioned elements take CSS transforms on their anchor elements into account.

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

The initialPermissionStatus property of the HTMLGeolocationElement API represents whether geolocation was previously granted, denied, or neither, when the page first loads.

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

The Temporal API allows you to work with dates, times, time zones, and durations. It is more powerful than the Date API.

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

The navigator.gpu API performs operations such as rendering and computation on dedicated graphics hardware (also known as a Graphics Processing Unit).

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

The subgroups extension for the WebGPU Shading Language (WGSL) enables SIMD parallelism. Using subgroups, threads in a workgroup can efficiently communicate and perform collective operations.

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

The caret-shape CSS property sets the shape of the insertion caret, the symbol that shows where the next character is to be inserted or deleted.

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

The clipboardchange event for navigator.clipboard fires when the user modifies the clipboard's contents.

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

Module import … with { type: "css" } statements load CSS modules as constructable stylesheets. Also known as CSS module scripts.

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

Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.

Chrome 37
Firefox 50
Safari 10.1
Edge 13
Status: Incomplete cross-engine support

The position-visibility: anchors-valid and position-visibility: anchors-visible CSS declarations are aliases for anchor-valid and anchor-visible.

Chrome
Firefox 147
Safari 26.2
Edge
Status: Incomplete cross-engine support
← Previous Page 28 of 40 (1198 features) Next →