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 optional alpha parameter of a 2D canvas's getContext() method sets whether the canvas has an alpha transparency channel. If set to false, then this permits the browser to optimize compositing for an opaque canvas.

Chrome 32
Firefox 30
Safari
Edge 79
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
Limited

The ::marker CSS pseudo-element selects list item markers for styling numbers or bullets.

Chrome 86
Firefox 80
Safari
Edge 86
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
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The ::selection CSS pseudo-element selects text a user has highlighted.

Chrome 1
Firefox 62
Safari 1.1
Edge 12
Status: Incomplete cross-engine support

The ::spelling-error and ::grammar-error CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.

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

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 :host-context() CSS pseudo-class selects the containing element of the shadow tree in which it is used if that element or an ancestor matches the provided selector.

Chrome 54
Firefox
Safari
Edge 79
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
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 closedby HTML attribute for <dialog> sets which user actions close a dialog. For example, closedby="any" allows the dialog to be closed by clicking outside of it.

Chrome 134
Firefox 141
Safari
Edge 134
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 128
Firefox
Safari
Edge 128
Status: Incomplete cross-engine support

The <geolocation> HTML element represents a button that, upon activation, prompts the user to choose whether to grant the page access to geolocation data.

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

The sizes="auto" attribute for the <img> HTML element sets the layout size for the image based on the computed layout size when choosing a source from the srcset. This attribute only applies to images with the loading="lazy" attribute.

Chrome 126
Firefox 150
Safari
Edge 126
Status: Incomplete cross-engine support

The switch attribute, when present on an <input type="checkbox"> HTML element, renders a switch control with an on and off state instead of a checkbox control.

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

The <input type="color"> HTML element shows a color picker from which users can choose a color value.

Chrome 20
Firefox 29
Safari 12.1
Edge 14
Status: Incomplete cross-engine support

The <install> HTML element represents a button that, upon activation, prompts the user to choose whether to install a progressive web app.

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

The <meta name="text-scale" content="scale" /> HTML element allows the browser's initial font size to be affected by the operating system text scale settings. The <meta name="text-scale" content="legacy" /> element is the default behavior that respects only browser font-size settings.

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

The <template for="…"> HTML element replaces the content at a named range or insertion point, marked by the processing instructions <?start name="…"> and <?end> or <?marker name="…">. You can use this to stream or "patch" partial updates into the document out of order.

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

The <usermedia> HTML element represents a button that, upon activation, toggles camera or microphone streams. If needed, it may prompt the user to choose whether to grant the page access to the camera and microphone.

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

The @function CSS at-rule defines a custom function that takes CSS values or custom properties as arguments, and returns a CSS value. It can be based on conditional logic such as by using the @media at-rule.

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

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

The __defineGetter__() and __defineSetter__() methods of objects bind a function to a property, which is called on setting or reading the property.

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

The Ad Selection 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.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support
Page 1 of 15 (428 features) Next →