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

2023

30 features
• October 2023
Widely Available

WAI-ARIA attributes have corresponding properties on Element and ElementInternals objects.

Chrome 103
Firefox 119
Safari 16.4
Edge 103
Baseline Date: Oct 24, 2023

The isWellFormed() method of strings returns a boolean indicating if the string contains any Unicode lone surrogates. The toWellFormed() method returns a new string where all lone surrogates are replaced by the Unicode replacement character.

Chrome 111
Firefox 119
Safari 16.4
Edge 111
Baseline Date: Oct 24, 2023

The getAuthenticatorData(), getPublicKey(), and getPublicKeyAlgorithm() methods of AuthenticatorAttestationResponse access credential data inside attestationObject without the need to parse it.

Chrome 85
Firefox 119
Safari 16
Edge 85
Baseline Date: Oct 24, 2023
• September 2023
Widely Available

The rel="modulepreload" attribute for the <link> HTML element indicates that a module script should be fetched, parsed, and compiled preemptively, and stored for later execution.

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

The @counter-style CSS at-rule sets custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.

Chrome 91
Firefox 33
Safari 17
Edge 91
Baseline Date: Sep 18, 2023

The DeviceMotion and DeviceOrientation events report the movement and orientation of the browser's device in physical space. Note that coordinates can differ noticeably between platforms and devices.

Chrome 31
Firefox 6
Safari 17
Edge 12
Baseline Date: Sep 18, 2023
Widely Available

The hyphenate-character CSS property sets the character or string to use at the end of a line before a line break.

Chrome 106
Firefox 98
Safari 17
Edge 106
Baseline Date: Sep 18, 2023
Widely Available

The hyphens CSS property controls when long words are broken by line wrapping. Although called hyphens, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters. Support for non-English languages varies significantly.

Chrome 88
Firefox 43
Safari 17
Edge 88
Baseline Date: Sep 18, 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
← Previous Page 2 of 22 (646 features) Next →