BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1198
Search:
Categories: All CSS (101) HTML elements (100) Selectors (46) JavaScript (43) Forms (42)
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) DOM (9) Internationalization (9) Reporting (9) Text wrap (9) Workers (9) Clipboard (8) Containment (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) Container queries (5) 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) Anchor positioning (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) Geolocation (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) 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

2019

7 features
• September 2019
Widely Available

The download attribute for <a> elements loads the target URL as a file to be saved, instead of navigating to it. An optional attribute value sets a default file name.

Chrome 14
Firefox 20
Safari 10.1
Edge 18
Baseline Date: Sep 19, 2019
Widely Available

The touch-action CSS property sets whether an element on a touch screen can be panned or pinched to zoom.

Chrome 36
Firefox 52
Safari 13
Edge 12
Baseline Date: Sep 19, 2019
• March 2019

The AbortController and AbortSignal APIs allow you to cancel an ongoing operation, such as a fetch() request.

Chrome 66
Firefox 57
Safari 12.1
Edge 16
Baseline Date: Mar 25, 2019
Widely Available

If you construct a fetch request with an AbortSignal, you can cancel the request.

Chrome 66
Firefox 57
Safari 12.1
Edge 16
Baseline Date: Mar 25, 2019
Widely Available

The mediaKeys property of HTMLMediaElement and the navigator.requestMediaKeySystemAccess() method control the playback of content subject to digital rights management. Also known as EME.

Chrome 42
Firefox 38
Safari 12.1
Edge 13
Baseline Date: Mar 25, 2019
Widely Available

The IntersectionObserver API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.

Chrome 58
Firefox 55
Safari 12.1
Edge 16
Baseline Date: Mar 25, 2019
• January 2019
Widely Available

In printed page layouts, the break-after, break-before, break-inside CSS properties control where printed pages start and end. Also known as pagination or page breaking.

Chrome 50
Firefox 65
Safari 10
Edge 12
Baseline Date: Jan 29, 2019

2018

20 features
• December 2018
Widely Available

Methods that validate form controls before submission, such as checkValidity(), reportValidity() and setCustomValidity().

Chrome 40
Firefox 51
Safari 10.1
Edge 18
Baseline Date: Dec 11, 2018

The pointer, any-pointer, hover, and any-hover CSS media queries set styles based on the presence of pointing devices and their ability to hover over elements. For example, most smartphones match the (hover: none) and (pointer: coarse) media query.

Chrome 41
Firefox 64
Safari 9
Edge 12
Baseline Date: Dec 11, 2018
• October 2018

The -webkit-device-pixel-ratio, -webkit-min-device-pixel-ratio, and -webkit-max-device-pixel-ratio CSS media queries are standardized compatibility alternatives to resolution media queries.

Chrome 1
Firefox 63
Safari 3
Edge 12
Baseline Date: Oct 23, 2018
Widely Available

The <meter> element represents a scalar value within a known range or a fractional value, typically shown as a progress bar.

Chrome 6
Firefox 56
Safari 6
Edge 18
Baseline Date: Oct 2, 2018
Widely Available

The <output> element represents the result of a calculation, user action, or form entry.

Chrome 10
Firefox 4
Safari 7
Edge ≤18
Baseline Date: ≤ Oct 2, 2018
Widely Available

The promise finally() method executes a function when the promise settles (resolves or rejects).

Chrome 63
Firefox 58
Safari 11.1
Edge 18
Baseline Date: Oct 2, 2018
Widely Available

The overflow-wrap CSS property breaks a line of text onto multiple lines inside the targeted element in an otherwise unbreakable place to prevent overflow. The legacy property is word-wrap.

Chrome 23
Firefox 49
Safari 7
Edge 18
Baseline Date: Oct 2, 2018
Widely Available

The tabindex HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation.

Chrome 1
Firefox 1.5
Safari 3.1
Edge 18
Baseline Date: Oct 2, 2018
• September 2018
Widely Available

The SpeechSynthesis API converts text to speech with artificial voices.

Chrome 33
Firefox 49
Safari 7
Edge 14
Baseline Date: Sep 5, 2018
Widely Available

The font-variation-settings CSS property sets an "axis of variability" on a variable font, such as weight, optical size, or a custom axis defined by the typeface designer. When possible, use other CSS font properties, such as font-weight: bold. Also known as variable fonts.

Chrome 62
Firefox 62
Safari 11
Edge 17
Baseline Date: Sep 5, 2018
• May 2018
Widely Available

Arrays are iterable with the for … of statement and enumerable with the methods entries(), keys(), and values().

Chrome 66
Firefox 60
Safari 10
Edge 14
Baseline Date: May 9, 2018

JavaScript modules allow code to be organized into reusable units. Modules use import to load other modules and export to declare what is available to import from other modules. In HTML, modules are loaded with <script type="module">.

Chrome 61
Firefox 60
Safari 11
Edge 16
Baseline Date: May 9, 2018
• April 2018

The EXT_blend_minmax extension for WebGL 1.0 contexts adds two blend equations, the minimum and maximum color components of the source and destination colors.

Chrome 38
Firefox 47
Safari 9
Edge 17
Baseline Date: Apr 30, 2018

The OES_vertex_array_object extension for WebGL 1.0 contexts adds vertex array objects (VAOs) which encapsulate vertex array states. These objects keep pointers to vertex data and names for different sets of vertex data.

Chrome 24
Firefox 25
Safari 8
Edge 17
Baseline Date: Apr 30, 2018
Widely Available

The service worker of a website is a script that runs in its own thread and which acts as local proxy that intercepts network requests from the website. Use a service worker to implement advanced caching strategies, offline support, background tasks, or push notification support on your website.

Chrome 45
Firefox 44
Safari 11.1
Edge 17
Baseline Date: Apr 30, 2018

Subresource integrity verifies that a resource, such as script served from a content delivery network, matches a known cryptographic hash. Also known as SRI.

Chrome 46
Firefox 51
Safari 11.1
Edge 17
Baseline Date: Apr 30, 2018

The Upgrade-Insecure-Requests HTTP request header tells the server that the response should redirect to a secure (HTTPS) resource.

Chrome 44
Firefox 48
Safari 10.1
Edge 17
Baseline Date: Apr 30, 2018

The WEBGL_lose_context extension for WebGL 1.0 and 2.0 contexts simulates losing and restoring a WebGLRenderingContext or WebGL2RenderingContext.

Chrome 26
Firefox 22
Safari 8
Edge 17
Baseline Date: Apr 30, 2018
Widely Available

The navigator.sendBeacon() method asynchronously sends an HTTP POST request with a limited amount of data, typically for app state, events, and analytics data. The one-way beacon is guaranteed to be initiated before the browser unloads the page, but the sender does not get to handle the response.

Chrome 39
Firefox 31
Safari 11.1
Edge 14
Baseline Date: Apr 12, 2018
Widely Available

The isSecureContext global property is a boolean for whether the current browsing context is secure. This is primarily a check that the page has been served over an HTTPS URL.

Chrome 55
Firefox 52
Safari 11.1
Edge 15
Baseline Date: Apr 12, 2018

2017

3 features
• November 2017
Widely Available

The spellcheck global HTML attribute sets whether the browser may check an element for spelling errors.

Chrome 9
Firefox 2
Safari 5.1
Edge 12
Baseline Date: Nov 28, 2017
• October 2017
Widely Available

The <data> element links a given piece of content with a machine-readable translation.

Chrome 62
Firefox 22
Safari 10
Edge 14
Baseline Date: Oct 24, 2017
Widely Available

The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format.

Chrome 62
Firefox 22
Safari 10
Edge 14
Baseline Date: Oct 24, 2017
← Previous Page 11 of 22 (646 features) Next →