BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1224
Search:
Categories: All CSS (102) HTML elements (100) Selectors (46) JavaScript (43) Forms (42)
WebGL extensions (37) Text (26) Media queries (23) WebAssembly (22) Scrolling (20) Fonts (19) Performance (19) Arrays (17) Layout (17) HTML (16) Progressive web app (15) Typed arrays (14) Units (14) Canvas (13) Color types (13) Security (13) Strings (13) Background (12) Media elements (12) Animation (11) Clipping, shapes, and masking (11) Web components (11) WebXR (11) Typographic font features (10) DOM (9) Internationalization (9) Iterators (9) Reporting (9) Text wrap (9) Workers (9) Clipboard (8) CSS object models (7) Containment (7) Fetch (7) JavaScript modules (7) Print media (7) Sensors (7) Container queries (6) Explicit defaults (6) Image formats (6) Landmark elements (6) Multi-column (6) Positioning (6) Promises (6) SVG (6) Storage (6) Streams (6) Web audio (6) Credential management (5) Custom elements (5) Font synthesis (5) HTTP (5) Lists (5) Messaging (5) Resource hints (5) Ruby (5) Selection (5) Speech (5) Transitions (CSS) (5) View transitions (5) WebGL (5) Anchor positioning (4) Cookies (4) Counters (4) File system access (4) Flexbox (4) Gamepad (4) Grid (4) Images (4) Primitive types (4) Regular expressions (4) WebDriver (4) WebRTC (4) Window management (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 24 of 1224 features

Limited Availability

24 features
• In Progress / Not Yet Baseline
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

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

Module import … assert { type: "json" } and import … assert { type: "css" } JavaScript statements load JSON and CSS data.

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

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

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 Magnetometer API reads magnetic field sensor data from the device's magnetometer.

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

The AmbientLightSensor API returns the current light level in lux of the ambient light level around the device.

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

The :target-within CSS pseudo-class matches the element with an ID matching the URL fragment and its ancestors.

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 display: contents CSS declaration sets an element to display only its contents, not itself.

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
Limited

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

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 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 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 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 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
Limited

The <fencedframe> element embeds another HTML page into the current page in a more secure and privacy-preserving way than <iframe> elements.

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

The @mixin and @apply CSS at-rules define reusable style declaration fragments and apply them inside rules, optionally passing arguments.

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

A container performance entry measures time to render child elements, for container elements that have the containertiming attribute.

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

The EXT_disjoint_timer_query extension for WebGL 1.0 contexts measures the duration of a set of GL commands, without stalling the rendering pipeline.

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
← Previous Page 41 of 41 (1224 features)