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

2022

30 features
• December 2022

The OES_draw_buffers_indexed extension for WebGL 2.0 contexts allows you to control blending on a per-color basis when writing to multiple color buffers simultaneously.

Chrome 100
Firefox 108
Safari 16
Edge 100
Baseline Date: Dec 13, 2022

The sv*, lv*, and dv* CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions.

Chrome 108
Firefox 101
Safari 15.4
Edge 108
Baseline Date: Dec 5, 2022
• November 2022
Widely Available

The font-palette CSS property selects a color palette from the font, optionally overriding individual colors in the @font-palette-values at-rule.

Chrome 101
Firefox 107
Safari 15.4
Edge 101
Baseline Date: Nov 15, 2022
• October 2022
Widely Available

Grid animation allows you to animate the grid-template-columns and grid-template-rows CSS properties.

Chrome 107
Firefox 66
Safari 16
Edge 107
Baseline Date: Oct 27, 2022
Widely Available

The ic CSS length unit corresponds to the width of CJK ideographic characters.

Chrome 106
Firefox 97
Safari 15.4
Edge 106
Baseline Date: Oct 3, 2022
• September 2022
Widely Available

The forced-colors CSS @media rule detects when a user has chosen to use a forced colors mode, also known as high-contrast mode, and the forced-color-adjust CSS property sets whether forced colors apply to an element.

Chrome 89
Firefox 89
Safari 16
Edge 79
Baseline Date: Sep 12, 2022

The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.

Chrome 105
Firefox 101
Safari 16
Edge 105
Baseline Date: Sep 12, 2022
Widely Available

The offset CSS property animates an element along a defined motion path.

Chrome 55
Firefox 72
Safari 16
Edge 79
Baseline Date: Sep 12, 2022
Widely Available

The navigator.permissions API checks whether a permission, such as access to geolocation data, has been granted.

Chrome 44
Firefox 46
Safari 16
Edge 79
Baseline Date: Sep 12, 2022
Widely Available

The overflow: clip CSS declaration clips an element's overflowing content to the box that's defined by the overflow-clip-margin property. Unlike overflow: hidden, it allows you to hide overflow on one axis while keeping overflow on the other axis visible.

Chrome 90
Firefox 81
Safari 16
Edge 90
Baseline Date: Sep 12, 2022

The resolution CSS media query sets styles based on the pixel density, or how many pixels a device uses to display a single CSS pixel.

Chrome 68
Firefox 62
Safari 16
Edge 79
Baseline Date: Sep 12, 2022
Widely Available

The text-align-last CSS property sets the alignment of the last line of text before a forced line break.

Chrome 47
Firefox 49
Safari 16
Edge 12
Baseline Date: Sep 12, 2022
Widely Available

The :modal pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <dialog> element used with showModal().

Chrome 105
Firefox 103
Safari 15.6
Edge 105
Baseline Date: Sep 2, 2022
• August 2022

The findLast() and findLastIndex() methods of arrays and typed arrays search an array in reverse order for the first item that satisfies a test function.

Chrome 97
Firefox 104
Safari 15.4
Edge 97
Baseline Date: Aug 23, 2022

The translate, rotate, and scale CSS properties apply single transformations independently, as opposed to applying multiple transformations with the transform CSS property.

Chrome 104
Firefox 72
Safari 14.1
Edge 104
Baseline Date: Aug 5, 2022
• July 2022
Widely Available

The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.

Chrome 52
Firefox 103
Safari 15.4
Edge 79
Baseline Date: Jul 26, 2022
• June 2022
Widely Available

The streams API creates, composes, and consumes continuously generated data.

Chrome 67
Firefox 102
Safari 14.1
Edge 79
Baseline Date: Jun 28, 2022
• May 2022

The prefers-contrast CSS media query sets styles based on whether the user prefers more or less contrast, the difference between foreground and background colors.

Chrome 96
Firefox 101
Safari 14.1
Edge 96
Baseline Date: May 31, 2022

Exceptions break the normal control flow of execution to represent exceptional behavior, such as an error. You can respond to the exception in JavaScript code.

Chrome 95
Firefox 100
Safari 15.2
Edge 95
Baseline Date: May 3, 2022

The dynamic-range CSS media query sets styles based on whether a device can display at least standard range colors or at least high range colors. Non-visual devices will match neither.

Chrome 98
Firefox 100
Safari 13.1
Edge 98
Baseline Date: May 3, 2022
• April 2022
Widely Available

The hwb() CSS function picks colors using hue, whiteness, and blackness channels.

Chrome 101
Firefox 96
Safari 15
Edge 101
Baseline Date: Apr 28, 2022
Widely Available

The navigator.mediaCapabilities API queries the encoding and decoding abilities of the device, such as supported codecs, resolutions, and bitrates.

Chrome 101
Firefox 63
Safari 15.4
Edge 101
Baseline Date: Apr 28, 2022
• March 2022
Widely Available

The transform CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.

Chrome 36
Firefox 16
Safari 15.4
Edge 12
Baseline Date: Mar 14, 2022
Widely Available

The ::backdrop CSS pseudo-element is a box underneath an element in the top layer, such as a <dialog>. It can be used to create obscuring effects distinguishing a modal element from the elements underneath.

Chrome 37
Firefox 47
Safari 15.4
Edge 79
Baseline Date: Mar 14, 2022
Widely Available

The :focus-visible CSS pseudo-class selects elements that match the :focus pseudo-class and meets the browser's criteria for visually emphasizing focused elements.

Chrome 86
Firefox 85
Safari 15.4
Edge 86
Baseline Date: Mar 14, 2022
Widely Available

The <dialog> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.

Chrome 37
Firefox 98
Safari 15.4
Edge 79
Baseline Date: Mar 14, 2022
Widely Available

The at() method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method.

Chrome 92
Firefox 90
Safari 15.4
Edge 92
Baseline Date: Mar 14, 2022
Widely Available

The BroadcastChannel API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs.

Chrome 54
Firefox 38
Safari 15.4
Edge 79
Baseline Date: Mar 14, 2022
Widely Available

The @layer CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.

Chrome 99
Firefox 97
Safari 15.4
Edge 99
Baseline Date: Mar 14, 2022
Widely Available

The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.

Chrome 52
Firefox 69
Safari 15.4
Edge 79
Baseline Date: Mar 14, 2022
Page 1 of 2 (45 features) Next →