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

2023

30 features
• September 2023

The overflow-block and overflow-inline CSS media queries set styles based on the way a device displays content that's larger than the viewport or page area. For example, a laptop lets users scroll to reveal content, while a printer displays overflowing content on additional pages.

Chrome 113
Firefox 66
Safari 17
Edge 113
Baseline Date: Sep 18, 2023
Widely Available

The navigator.storage API provides information about the availability and persistence of the data that a site stores on the device, by using APIs such as the Cache API or the IndexedDB API.

Chrome 61
Firefox 57
Safari 17
Edge 79
Baseline Date: Sep 18, 2023

The update CSS media query sets styles based on whether and how fast the user's device can modify display after it has been rendered. For example, you can avoid animations on devices that aren't fast enough to display them smoothly.

Chrome 113
Firefox 102
Safari 17
Edge 113
Baseline Date: Sep 18, 2023

The contain-intrinsic-size CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.

Chrome 83
Firefox 107
Safari 17
Edge 83
Baseline Date: Sep 18, 2023
Widely Available

The image-set() CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities.

Chrome 113
Firefox 89
Safari 17
Edge 113
Baseline Date: Sep 18, 2023
Widely Available

The subgrid value for the grid-template-columns and grid-template-rows properties allows a grid item to inherit the grid definition of its parent grid container.

Chrome 117
Firefox 71
Safari 16
Edge 117
Baseline Date: Sep 15, 2023
• August 2023
Widely Available

The dirname attribute of <textarea> and <input> HTML elements includes the field's writing direction as form data on submission.

Chrome 17
Firefox 116
Safari 6
Edge 79
Baseline Date: Aug 1, 2023
• July 2023
Widely Available

The display CSS property accepts multiple keyword values, such as inline flex or block flow, to explicitly set an element's inner and outer layout mode. Also known as 2-value, multi-keyword, or multiple value syntax.

Chrome 115
Firefox 70
Safari 15
Edge 115
Baseline Date: Jul 21, 2023
Widely Available

The toReversed(), toSorted(), toSpliced(), and with() methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such as sort() or reverse() that change arrays in place.

Chrome 110
Firefox 115
Safari 16
Edge 110
Baseline Date: Jul 4, 2023
Widely Available

The animation-composition CSS property chooses how to combine animations that affect the same property.

Chrome 112
Firefox 115
Safari 16
Edge 112
Baseline Date: Jul 4, 2023
• June 2023

The Worker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in workers.

Chrome 80
Firefox 114
Safari 15
Edge 80
Baseline Date: Jun 6, 2023
Widely Available

The e, pi, infinity, and NaN keywords represent well-defined constants accepted in CSS math functions such as calc().

Chrome 110
Firefox 114
Safari 16
Edge 110
Baseline Date: Jun 6, 2023
Widely Available

The window.print() method opens the browser's print dialog.

Chrome 1
Firefox 1
Safari 1.1
Edge 12
Baseline Date: Jun 6, 2023
• May 2023

The of syntax for the :nth-child() and :nth-last-child() CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list.

Chrome 111
Firefox 113
Safari 9
Edge 111
Baseline Date: May 9, 2023
Widely Available

The CompressionStream and DecompressionStream APIs compress and decompress data using the gzip or deflate formats.

Chrome 80
Firefox 113
Safari 16.4
Edge 80
Baseline Date: May 9, 2023
Widely Available

The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS color(), lab(), and lch() functions. Also known as CIELAB and CIELCH.

Chrome 111
Firefox 113
Safari 15
Edge 111
Baseline Date: May 9, 2023
Widely Available

The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. OkLCh is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS oklab() and oklch() functions.

Chrome 111
Firefox 113
Safari 15.4
Edge 111
Baseline Date: May 9, 2023
Widely Available

The sctp object on RTCPeerConnection represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol that RTCDataChannel uses.

Chrome 76
Firefox 113
Safari 15.4
Edge 79
Baseline Date: May 9, 2023
Widely Available

The color() function picks a color from a given color space. Wide gamut color spaces like display-p3 allow showing more vibrant and saturated colors than the standard srgb color space.

Chrome 111
Firefox 113
Safari 15
Edge 111
Baseline Date: May 9, 2023
Widely Available

The color-mix() function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.

Chrome 111
Firefox 113
Safari 16.2
Edge 111
Baseline Date: May 9, 2023
• April 2023

The createConicGradient() methods draw a conic gradient to a 2D canvas.

Chrome 99
Firefox 112
Safari 16.4
Edge 99
Baseline Date: Apr 11, 2023
Widely Available

The roundRect() methods draw a rounded rectangle to a 2D canvas.

Chrome 99
Firefox 112
Safari 16.4
Edge 99
Baseline Date: Apr 11, 2023
Widely Available

The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events.

Chrome 102
Firefox 112
Safari 15.5
Edge 102
Baseline Date: Apr 11, 2023
• March 2023
Widely Available

The CSSStyleSheet constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using adoptedStyleSheets.

Chrome 73
Firefox 101
Safari 16.4
Edge 79
Baseline Date: Mar 27, 2023

128-bit SIMD (Single Instruction Multiple Data) performs one instruction on multiple units of data, when running on hardware that supports such instructions. Also known as vector instructions.

Chrome 91
Firefox 89
Safari 16.4
Edge 91
Baseline Date: Mar 27, 2023

Custom elements may act like built-in form elements, via the attachInternals() method of HTMLElement and the ElementInternals API.

Chrome 77
Firefox 98
Safari 16.4
Edge 79
Baseline Date: Mar 27, 2023

The assign() method for <slot> elements assigns nodes to the slot, as an alternative to using the slot and name HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the slotAssignment set to "manual". Also known as manual slot assignment.

Chrome 92
Firefox 92
Safari 16.4
Edge 92
Baseline Date: Mar 27, 2023
Widely Available

A <script type="importmap"> HTML element provides an import map as a JSON string. An import map controls how the browser should resolve module specifiers when importing JavaScript modules.

Chrome 89
Firefox 108
Safari 16.4
Edge 89
Baseline Date: Mar 27, 2023

The range syntax of CSS media queries allows you to use mathematical comparison operators such as <, >, <=, and >= to define a range of values for a media query. For example, (400px < width < 1000px) returns true if the viewport width is between 400px and 1000px.

Chrome 104
Firefox 102
Safari 16.4
Edge 104
Baseline Date: Mar 27, 2023

Notifications via service worker registration's showNotification() method, sent from installed web applications (for example, saved to the Home Screen on Safari for iOS), show a message to the user, typically using the notification system of the host operating system.

Chrome 20
Firefox 22
Safari 7
Edge 14
Baseline Date: Mar 27, 2023
← Previous Page 2 of 3 (79 features) Next →