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

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

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

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

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

The reversed() CSS function for counter-reset creates a counter that counts down.

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

The navigator.deviceMemory property is the approximate amount of device memory, in gigabytes.

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

The optional colorSpace parameter of a 2D canvas's getContext() method chooses the color representation, such as "srgb" or "display-p3".

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

The cursor CSS property styles the pointer, allowing you to provide hints to the user on how to interact with the hovered element.

Chrome 68
Firefox 27
Safari 11
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

The EyeDropper API opens an eyedropper tool, a color picker that allows users to select a color from their screen.

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

The protocol_handlers web app manifest member registers an installed web app as a handler for a specific protocol. When a user follows a link with the specified protocol, the installed app opens the link.

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

The image-rendering: smooth CSS declaration scales images while retaining a gradual color blending that is useful for photos.

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

The Profiler API records data about the execution of a page, which you can send to a server for later analysis. Also known as self-profiling.

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

The navigator.virtualKeyboard API inspects and controls on-screen virtual keyboards. You can use it to programmatically hide or show a virtual keyboard or respond to the keyboard disappearing or appearing.

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

Ink

Limited

The navigator.ink API uses the system compositor to draw to a <canvas> element ahead of pointer events, reducing the delay between moving a stylus or cursor and a pen stroke appearing on screen.

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

The name="theme-color" attribute for the <meta> HTML element suggests a color that the browser can use to customize the display of the page or the browser user interface.

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

The optional desynchronized parameter of a canvas's getContext() method permits the browser to draw a 2D canvas independently of the event loop. This can reduce drawing latency.

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

The EXT_frag_depth extension for WebGL 1.0 and 2.0 contexts adds setting the depth value of a fragment from within the fragment shader.

Chrome 38
Firefox 47
Safari 9
Edge 93
Status: Incomplete cross-engine support
Limited

The navigator.mediaSession API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.

Chrome 73
Firefox 82
Safari 15
Edge 79
Status: Incomplete cross-engine support

The WEBGL_draw_buffers extension for WebGL 1.0 contexts enables a fragment shader to write to several textures, which is useful for deferred shading, for example.

Chrome 36
Firefox 28
Safari 9
Edge 17
Status: Incomplete cross-engine support

The WEBGL_multi_draw extension for WebGL 1.0 and 2.0 contexts renders more than one primitive with a single function call.

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

The OVR_multiview2 extension for WebGL 2.0 contexts renders into multiple views simultaneously. This especially useful for virtual reality (VR) and WebXR.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The Sec-Fetch-Dest, Sec-Fetch-Mode, Sec-Fetch-Site, and Sec-Fetch-User HTTP headers provide extra information about the way a request was made, to help servers reject certain kinds of malicious requests.

Chrome 80
Firefox 90
Safari
Edge 80
Status: Incomplete cross-engine support

The ascent-override, descent-override, and line-gap-override descriptors adjust the display of a font declared in an @font-face statement. This can help make fallback fonts look the same size.

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

The Accelerometer, LinearAccelerationSensor and GravitySensor APIs read the acceleration applied to a device in three dimensions, either including the effect of gravity, without its effect, or only its effect, respectively.

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