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 30 of 1224 features

Limited Availability

30 features
• In Progress / Not Yet Baseline

The window.getScreenDetails() method gets information about the screens on a device, which you can use to place new windows on a specific screen with window.open().

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

The <datalist> element sets recommended values for an <input> element. Browsers may show a dropdown menu of all values or match values as the user types.

Chrome 69
Firefox 110
Safari 12.1
Edge 12
Status: Incomplete cross-engine support

The launch_handler web app manifest member, with the client_mode property, configure how web app launches behave when an instance of the app is already open. For example, you can choose to focus the existing app instance instead of launching a new one.

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

The initial-letter CSS property sets the number of lines the first letter of an element occupies. You can use the property to make a raised capital or drop cap.

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

The credentialless attribute for the <iframe> HTML element loads third-party content in an ephemeral context and does not send any credentials such as cookies. When using cross-origin isolation, this allows you to embed content that does not send Cross-Origin-Embedder-Policy headers.

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

The :autofill pseudo-class matches <input> elements that have been filled in automatically by the browser.

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

Speculation rules are hints to the browser to proactively download pages in the background so they appear instantly when the user navigates to them.

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

The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.

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

The Permissions-Policy response header and the allow attribute for <iframe> elements sets whether a policy-controlled feature, such as an API, may be used in a document.

Chrome 108
Firefox —
Safari —
Edge 108
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 XRView.camera property provides direct access to pose-synchronized camera images within a WebXR session.

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

The EXT_texture_compression_bptc extension for WebGL 1.0 and 2.0 contexts adds the BPTC compressed texture formats to compressedTexImage2D() and compressedTexSubImage2D().

Chrome 93
Firefox 68
Safari 16
Edge 93
Status: Incomplete cross-engine support

The fetch() method and Request() constructor accept a ReadableStream object as the request's body option, to stream upload data to the server.

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

The text-decoration CSS property in a ::selection rule sets the underline and other text decoration styles on the text a user has highlighted.

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

The display_override: ["window-controls-overlay"] web application manifest member shows content in the title bar area of a progressive web app that is installed on a desktop device.

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

The web prefix for ClipboardItem data types (also known as MIME types) allows reading and writing unsanitized custom data from the device clipboard.

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

The object-view-box CSS property crops and zooms to an inset area of an image.

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

When using navigator.mediaDevices.getDisplayMedia() to capture a browser tab as a video stream, the region capture API allows you to crop the video to the bounding box of a given element. In contrast to the element capture API, any content that overlays that element is also captured.

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

Streams are transferable objects, which can be moved between contexts such as windows and workers.

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

The DOMException, Error, EvalError, RangeError, ReferenceError, SyntaxError, TypeError, and URIError objects are serializable. You can call structuredClone() on an error object or pass it to a worker using postMessage().

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

The window.queryLocalFonts() method returns an array of locally-installed fonts, each represented by a FontData object.

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

The file_handlers web app manifest member registers an installed web app as a handler for files with specific file extensions or MIME types.

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

In columnar layouts (created by the columns or column-count CSS properties), the break-after, break-before, break-inside properties control where columns start or end.

Chrome 102
Firefox —
Safari —
Edge 102
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 video-dynamic-range CSS media query sets styles based on whether a device can display video with at least standard range colors or at least high range colors. Non-visual devices will match neither.

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

The NDEFReader API reads and writes messages to near-field communication (NFC) tags.

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

The color-adjust shorthand CSS property allows multiple performance related color adjustments to be set at once. Setting the print-color-adjust CSS property directly is preferred, as it is the only such adjustment so far defined.

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

The attributionsourceid and attributiondestination attributes for <a> elements measure clicks across websites without associating a click to a specific session. Not to be confused with attribution reporting. Also known as PCM.

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

The background-attachment CSS property sets whether an element's background image or gradient moves as the element scrolls.

Chrome 1
Firefox 25
Safari 15.4
Edge 12
Status: Incomplete cross-engine support
Limited

The path() CSS shape function creates a shape for clip-path, shape-outside, and the SVG attribute d.

Chrome 88
Firefox 97
Safari —
Edge 88
Status: Incomplete cross-engine support
← Previous Page 34 of 41 (1224 features) Next →