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 document picture-in-picture API creates an always-on-top window from arbitrary HTML content.

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

The navigator.serial API communicates with devices over serial ports, such as microcontrollers.

Chrome 89
Firefox 151
Safari
Edge 89
Status: Incomplete cross-engine support

The hanging-punctuation CSS property puts punctuation characters outside of the box to align the text with the rest of the document.

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

An Origin object represents an origin, as in a scheme, hostname, and port. You can use it to make same-site and same-origin comparisons.

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

The LanguageDetector API identifies the likely natural language that some text is written in. You can use this API to supplement machine translation when the source source language is not known.

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

The extendedLifetime option of the SharedWorker() constructor gives shared workers extra time to perform operations after all pages using it have been navigated away from or closed.

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

The Translator API translates some text from one natural language to another, using machine translation.

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

The at-rule() function, when used with @supports, checks if a CSS at-rule is supported. For example @supports at-rule(@starting-style) checks if the @starting-style at-rule is supported.

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

The LanguageModel API prompts an on-device language model. Also known as the Prompt API.

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

The sizes="auto" attribute for the <img> HTML element sets the layout size for the image based on the computed layout size when choosing a source from the srcset. This attribute only applies to images with the loading="lazy" attribute.

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

The CSS.highlights.highlightsFromPoint() method returns an array of Highlight objects at a specified point.

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

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
← Previous Page 2 of 15 (429 features) Next →