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

Limited Availability

28 features
• In Progress / Not Yet Baseline

MathML specifies several elements and attributes that are not included in MathML Core. Math applications outside of browsers may implement these features, but they are discouraged for web use.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

Mutation events like DOMSubtreeModified, DOMNodeInserted, or DOMNodeRemoved fire when DOM changes occur.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The createValueRange() for form elements, such as <textarea> or <input type="text">, gets an OpaqueRange object that represents a live span of text. You can use this for range-based operations on the input text, such as setting custom highlights or placing autocomplete popovers.

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

The <portal> HTML element embeds another page into the current page as a non-interactive preview.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The Access-Control-Request-Private-Network: true and Access-Control-Allow-Private-Network: true HTTP request and response headers establish permission for websites to make requests to internal networks, such as to routers.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The frame-sizing CSS property sets the size of an <iframe> element to that of it contents, to avoid scrolling in the iframe. Embedded documents allow this with the <meta name="responsive-embedded-sizing"> element and request resizing in the embedding page by calling window.requestResize().

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The line-height-step CSS property creates consistent vertical rhythm by setting the spacing between body text baselines. It rounds taller lines like headings up to the next multiple of the body text spacing.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The sharedStorage API stores data to a shared space where the data can then be processed without the ability to track users across the different sites they visit. A common use case is measuring the reach of third-party ads without using user-tracking cookies.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The SpeechRecognition.grammars property of the Web Speech API represents a set of words or patterns of words that the recognition service should recognize, used for when the recognition service's accuracy is low.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

Attributes and properties of table elements, such as align, vAlign, noWrap, bgcolor, or char set various visual presentation properties of the table and its sections and cells.

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

The topics API reports a user's likely subject-matter interests (as determined by the browser, known as topics) to iframes. This allows for interest-based advertising that does not rely on user's exact browsing history, third-party cookies, or fingerprinting.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The cancel() method of a TransformStream transformer cleans up resources when the readable side cancels or the writable side aborts.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The _localized suffixed members of the web app manifest set translated names, descriptions, icons, and shortcuts. The browser automatically selects resources based on the user's language and region settings.

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

The WebNN API constructs and executes computational graphs of neural networks by making use of the various machine learning capabilities and hardware accelerators available on the device. Also known as Web Neural Network API.

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

The navigator.getVRDisplays() API represents virtual reality (VR) devices, including sensors and head-mounted displays.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The color-contrast() CSS function picks a color from a list that has the most contrast with another color.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The display: contents CSS declaration sets an element to display only its contents, not itself.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The document.modelContext API registers page actions that can be called by in-browser AI agents or browser extensions. Also known as WebMCP.

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

The element() CSS function creates a live-updating image from an HTML element that can be used as an image or background image.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The fit-content() CSS function, used outside of a grid layout property, clamps a length between min-content and max-content.

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

The focusgroup global HTML attribute combines descendant elements into a single tab stop, with arrow-key navigation between them, for toolbars, tabs, menus, radio groups, and other composite controls. It's an alternative to the sequential navigation of tabindex.

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

The getBoxQuads() method, when called on a document, element, pseudo-element, or text node, returns the list of DOMQuad objects that represent the CSS boxes used to render the node.

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

The image() CSS function creates an image similar to url() but with additional functionality. It can create a solid color as an image, provide a fallback from an image URL to a solid color, or clip a sprite image using media fragments. Not to be confused with the Image() constructor.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The import defer JavaScript statement imports a module while deferring its evaluation until its first use.

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

The line-clamp CSS property limits the text in a block container to a certain number of lines. The prefixed -webkit-line-clamp is widely supported but only works with -webkit-box-orient: vertical in combination with display: -webkit-box or display: -webkit-inline-box.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The navigator.install() method triggers a request to install a progressive web app.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The prefers-reduced-data CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead.

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

The speak CSS property sets whether or not text should be spoken.

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