BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1219
Search:
Showing 30 of 444 features

Limited Availability

30 features
• In Progress / Not Yet Baseline

You can retry importing a module that failed to import previously. Failed module imports, through the import JavaScript statement, the import() JavaScript syntax, or dynamically created <script src="…" type="module"> HTML elements, aren't cached.

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

The random() CSS function chooses a random numeric value within a specified range. This allows for dynamic, randomized styling using CSS.

Chrome 156
Firefox —
Safari 26.2
Edge —
Status: Incomplete cross-engine support

The JPEG XL image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.

Chrome 155
Firefox 158
Safari 17
Edge —
Status: Incomplete cross-engine support

Module import … with { type: "text" } statements load text data as a string value.

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

The symbols() CSS function defines counter styles as a value of properties such as list-style. It's an inline alternative to the @counter-style CSS at-rule.

Chrome 155
Firefox 35
Safari —
Edge 155
Status: Incomplete cross-engine support

The text-decoration-skip-spaces CSS property sets whether text decoration lines (such as underlines and overlines) skip over whitespace characters. You can use this to prevent decorations from being drawn under spaces, which is sometimes more visually appealing.

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

The at-rule() function, when used with @supports, checks if a CSS at-rule is supported. For example @supports at-rule(@starting-style) checks if the @starting-style at-rule is supported.

Chrome 148
Firefox 157
Safari —
Edge 148
Status: Incomplete cross-engine support

The includes() method of an Iterator object returns true when an item yielded by the iterator is the same as a given value. It's similar to the includes() method of arrays.

Chrome 154
Firefox 154
Safari —
Edge 154
Status: Incomplete cross-engine support

The frame-sizing CSS property sets the size of an <iframe> element to that of it contents, to avoid scrolling in the iframe. Embedded documents allow this with the <meta name="responsive-embedded-sizing"> element and request resizing in the embedding page by calling window.requestResize().

Chrome 154
Firefox —
Safari —
Edge 154
Status: Incomplete cross-engine support

The service worker install event's addRoutes method declares resource paths that should either be fetched from the network or the cache, to bypass the service worker and improve performance.

Chrome 123
Firefox —
Safari 27
Edge 123
Status: Incomplete cross-engine support

Anchor positioned elements take CSS transforms on their anchor elements into account.

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

The color-mix() CSS function accepts three or more colors.

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

The ReadableStream.from() static method converts an iterable or async iterable object, such as an array or async generator function, into a readable stream.

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

The text-autospace CSS property sets whether and how to insert spaces in inter-script text (such as when mixing Latin and Chinese characters) and around punctuation.

Chrome —
Firefox 145
Safari 27
Edge —
Status: Incomplete cross-engine support

The <select> element's appearance, including the button, selected option, picker dropdown, and options, can be customized using CSS.

Chrome 135
Firefox —
Safari 27
Edge 135
Status: Incomplete cross-engine support

The s identifier in a CSS attribute selector matches attribute values case-sensitively in document languages like HTML where attribute values are case-insensitive.

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

The stretch CSS keyword expands a box as needed to fit its contents until the maximum size is reached, without preserving the content's preferred aspect ratio.

Chrome 138
Firefox —
Safari 27
Edge 138
Status: Incomplete cross-engine support

The OTPCredential API represents a one-time-password (OTP).

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

Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.

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

The navigator.mediaDevices.getDisplayMedia() method asks the user to choose a screen or portion of a screen (such as a window) to capture as a media stream.

Chrome 72
Firefox 33
Safari 13
Edge 79
Status: Incomplete cross-engine support

The Iterator.zip() and Iterator.zipKeyed() static methods return new iterators that aggregate items from multiple iterables. You can use them to iterate jointly, to get all of the items at the same position in each iterable.

Chrome 153
Firefox 148
Safari —
Edge 153
Status: Incomplete cross-engine support

The join() method of an Iterator object returns a string concatenation of all the iterator's items, separated by commas or a given separator string. It's similar to the join() method of arrays.

Chrome 153
Firefox 154
Safari —
Edge 153
Status: Incomplete cross-engine support

The scroll-axis-lock property controls whether scrolling is locked to one dimension at a time or freely follows movement in two dimensions. By default, browsers may lock the scroll axis, ignoring minor perpendicular scrolling, when scrolling is nearly vertical or horizontal.

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

The attr() CSS function, in the context of any property, returns the value of an attribute of an HTML element, with the option to return it as a specific type or unit. You can set a default value for missing or invalid attributes.

Chrome 133
Firefox 155
Safari —
Edge 133
Status: Incomplete cross-engine support

The Connection-Allowlist HTTP response header limits which requests a page may initiate using fetch and other APIs.

Chrome 152
Firefox —
Safari —
Edge 152
Status: Incomplete cross-engine support

The window-drag: move CSS declaration sets an element as a window drag handle, like a device's app title bar. You can use this to add click-and-drag areas to an installed progressive web app, often alongside window controls overlay.

Chrome 152
Firefox —
Safari —
Edge 152
Status: Incomplete cross-engine support

The referenceTarget property of a ShadowRoot object forwards attributes such as for and aria-labelledby to elements inside a shadow DOM. You can use this to, for example, link a <label> to its <input> even if the <input> is in the shadow DOM of a web component.

Chrome 152
Firefox —
Safari —
Edge 152
Status: Incomplete cross-engine support

The momentum property of a wheel event object is true when the event represents simulated scroll inertia, also known as a "fling" event.

Chrome 151
Firefox —
Safari —
Edge 151
Status: Incomplete cross-engine support

An interaction-contentful-paint performance entry measures the duration of an interaction that causes one or more contentful paints. You can use it to measure LCP for soft navigations in single page apps.

Chrome 151
Firefox —
Safari —
Edge 151
Status: Incomplete cross-engine support

A soft-navigation performance entry measures the duration of a soft navigation in a single page app. A soft navigation is defined as when a trusted user interaction causes a URL update and a visible contentful paint to the screen.

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