BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1191
Search: Reset ×
Categories: All CSS (101) HTML elements (98) Selectors (46) JavaScript (43) Forms (40)
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) Internationalization (9) Reporting (9) Text wrap (9) Clipboard (8) Workers (8) Containment (7) DOM (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) 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) Container queries (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) 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) Geolocation (2) IndexedDB (2) Parsing and serialization (2) Resource integrity (2) Sets (2) Text fragments (2) WebMCP (2) CSS environment variables (1)
Showing 30 of 428 features

Limited Availability

30 features
• In Progress / Not Yet Baseline

The rel="alternate stylesheet" attribute for the <link> HTML element offers an alternative style option to users.

Chrome
Firefox 3
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

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

Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.

Chrome
Firefox
Safari
Edge
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

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

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

An XRAnchor object keeps track of a pose that is fixed relative to the real world. Anchors build an illusion that the placed objects are really present in the user's environment.

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

The shortcuts web app manifest member registers common actions of an installed web app with the device. The device can present these actions to the user in contextually appropriate locations, such as jump lists on Windows or the app launcher on Android.

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

Asynchronous iteration of a stream allows you to use for await … of loops to iterate through a stream's incoming data.

Chrome 124
Firefox 110
Safari
Edge 124
Status: Incomplete cross-engine support

The attribution reporting API measures when an ad click or view leads to a conversion, such as a purchase on an advertiser site.

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

The audioTracks and videoTracks APIs for media elements switch audio and video tracks during playback.

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

The navigator.audioSession API controls how audio playback interacts with other applications. For example, playing music can pause audio from other applications, while ambient audio can play at the same time.

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

An AudioListener object represents the virtual position and orientation of a person relative to sound sources, to spatialize audio in a Web Audio context.

Chrome 52
Firefox
Safari 14.1
Edge 79
Status: Incomplete cross-engine support

The setPosition() and setOrientation() methods of the AudioListener API set the virtual position and orientation of a person relative to sound sources, to spatialize audio in a Web Audio context.

Chrome 14
Firefox 25
Safari 6
Edge 12
Status: Incomplete cross-engine support

The "immersive-ar" value for navigator.xr.requestSession() starts an augmented reality WebXR session that renders content aligned with the visible environment.

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

The notRestoredReasons property of a PerformanceNavigationTiming object explains why the current document was blocked from using the back/forward cache (also known as the bfcache) on navigation.

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

Background fetch downloads data in the background even when the web page is closed.

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

The background synchronization API registers a service worker callback to run only when the device is no longer offline. You can use this to let users continue using your app while offline and synchronize with a server after reconnecting.

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

The navigator.setAppBadge() method allows installed web applications to display an application badge, typically a dot or number shown alongside the application's icon on the device's home screen or application dock.

Chrome 81
Firefox
Safari 17
Edge 81
Status: Incomplete cross-engine support

The BarcodeDetector API recognizes various barcode formats in images.

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

The navigator.getBattery() API obtains information about the device's battery, including charge level and status. Also known as the Battery API.

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

COEP violation reporting sends a report to a URL nominated by the Reporting-Endpoints header or the ReportingObserver API when a page violates its Cross-Origin-Embedder-Policy policy.

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

COLRv1 is a font format that supports multi-color glyphs. COLRv1 extends COLRv0 to support gradients, transforms, and blending modes.

Chrome 98
Firefox 107
Safari
Edge 98
Status: Incomplete cross-engine support

The PressureObserver API monitors CPU load, allowing you to adjust workloads in response to available computing resources. Also known as the Compute Pressure API.

Chrome 125
Firefox
Safari
Edge 125
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

The DOM level 2 style specification defined interfaces to access and modify CSS styles, such as CSSValue and CSSPrimitiveValue, that were later excluded from the CSS object model.

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

The CSSStyleValue and its subclasses represent CSS values as distinct types instead of only strings. Also known as typed OM.

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

The capture handle API allows you to share a custom handle (a string) from a web application being captured by getDisplayMedia() to the capturing web application.

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

The s identifier in a CSS attribute selector matches attribute values case-sensitively in document languages like HTML where attribute values are case-insensitive.

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

The Clear-Site-Data header deletes browsing data (such as cookies, storage, or cache) associated with the requesting website.

Chrome
Firefox 138
Safari 17
Edge
Status: Incomplete cross-engine support
← Previous Page 2 of 15 (428 features) Next →