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
Limited

The if() CSS function is an inline conditional value that returns a value based on a set of conditions.

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

The reading-flow CSS property sets the order in which flex or grid elements are rendered to speech or reached via focus navigation. The reading-order property overrides this order.

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

The dynamic-range-limit CSS property controls the peak luminance of high dynamic range content. You can use this to coordinate the apparent brightness of HDR and SDR content.

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

The Error.isError() static method checks whether a value is an Error object.

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

The ::column CSS pseudo-element represents the individual columns of a multi-column layout container. Columns can only be styled with scroll snap CSS properties and can also have a ::scroll-marker pseudo-element, which scrolls to the column when activated.

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

The ::scroll-button(<dir>) CSS pseudo-element is a focusable button which scrolls its originating scroll container element in the specified direction.

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

The when() method on a event target returns an Observable object, which provides a declarative API for subscribing to and operating on events. It's an alternative to addEventListener() callbacks.

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

A scroll marker scrolls a container to a scroll target. The ::scroll-marker CSS pseudo-element selects a scroll marker in a ::scroll-marker-group pseudo-element, generated before or after the scroll container. You can use them to navigate and style tables of contents, tab panels, and carousels.

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

The fetchLater() method requests a deferred fetch sent at an unknown time. The browser chooses a reliable time to send the request, ideally when the document is unloaded, and ignores the response. This API is useful for sending beacons to a server without expecting a particular response.

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

The interactivity: inert CSS declaration makes an element and its descendants inert, like when using the inert HTML attribute. Inert elements can't be focused or clicked, their text can't be selected or found using the browser's find-in-page feature.

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

The hyphenate-limit-chars CSS property sets the number of characters in a word before it is hyphenated and the minimum number of characters on either side of the hyphen.

Chrome 109
Firefox 137
Safari
Edge 109
Status: Incomplete cross-engine support

Multiple <script type="importmap"> HTML elements merge to produce the overall import map.

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

The ability to control the opacity of a color picked using <input type="color"> and determine the colorspace of the selected color.

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

The font-width CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage.

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

The name="application-title" attribute for the <meta> HTML element sets an installed web application's title bar text.

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

The window.getDigitalGoodsService API connects to stores or billing services for in-app products and subscriptions.

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

The withLock option to set(), append(), delete(), clear(), and batchUpdate() methods of the sharedStorage API prevents duplicate reporting from cross-site race conditions.

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

The :has-slotted CSS pseudo-class matches <slot> elements where the fallback content is not shown. The pseudo-class matches any slotted content, including white space, text nodes, or elements.

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

The protected audience API facilitates advertisement sales by allowing sites to register users as part of an interest group or to choose which ads appear based on those interest groups, while minimizing the ability of advertisers to track specific members of the interest group. Also known as FLEDGE.

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

Container scroll-state queries with the @container scroll-state(...) at-rule apply styles to an element based on the sticky positioning, snapped, and scrollable state of the container.

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

Instructions accept 64-bit memory indexes.

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

The scroll-initial-target: nearest CSS declaration sets the initial scroll position of its scroll container to the top of the element, much like scrolling to a URL fragment.

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

The text-box CSS property sets the spacing above and below text based on a font's typographic features. For example, text-box: trim-both ex alphabetic trims the top to the top of the letter x and the bottom to the bottom of most letters, without descenders.

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

The device posture API and the device-posture CSS media feature reflect the physical posture of a device, such as whether a foldable device is folded or unfolded.

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

The restrictTo() method on screen capture media tracks limits capture to a specific element, excluding content which might occlude the element itself, such as video conferencing controls.

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

The showOpenFilePicker(), showDirectoryPicker(), and showSaveFilePicker() methods request access to files and directories on the user's device and returns a handle for reading and writing to them.

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

The WebAssembly builtin string functions mirror a subset of the JavaScript String API and adapt it to be efficiently callable without JavaScript glue code.

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