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

2020

30 features
• January 2020

The circle(), ellipse(), inset(), and polygon() CSS shape functions create shapes for use with clip-path and shape-outside.

Chrome 37
Firefox 54
Safari 10.1
Edge 79
Baseline Date: Jan 15, 2020

The prefers-reduced-motion CSS media query sets styles based on whether the user prefers to minimize the amount of non-essential animations on the device, such as scrolling, panning, zooming, and strobing.

Chrome 74
Firefox 63
Safari 10.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

Async generator functions (async function*) create iterators that return multiple promises, one after another, on-demand.

Chrome 63
Firefox 57
Safari 12
Edge 79
Baseline Date: Jan 15, 2020

The safe-area-inset- CSS environment variables represent a rectangle that cannot cut off content within a non-rectangular screen. For example, top:\ env(safe-area-inset-top); positions the top of an element below the notch on an iPhone.

Chrome 69
Firefox 65
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The font-display CSS descriptor sets whether to show a substitute font or nothing while a font face loads. The property manages what's known as a flash of unstyled text or flash of invisible text.

Chrome 60
Firefox 58
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The srcdoc attribute for the <iframe> HTML element sets a string of HTML to embed in the document. The value of srcdoc overrides loading a document from the src attribute.

Chrome 20
Firefox 25
Safari 6
Edge 79
Baseline Date: Jan 15, 2020

The navigator.credentials API provides generic storage for authentication credentials. Other credential APIs represent specific kinds of credentials, such as password or public key credentials, that the credential management API stores.

Chrome 60
Firefox 60
Safari 13
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The matchAll() method of strings matches a string against a regular expression and returns an iterator of all results, including capturing groups.

Chrome 73
Firefox 67
Safari 13
Edge 79
Baseline Date: Jan 15, 2020

The trimStart() and trimEnd() methods of strings return a new string with whitespace removed from the beginning or end of the string.

Chrome 66
Firefox 61
Safari 12
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The hsl() and hsla() CSS functions pick colors using hue, saturation, lightness, and alpha (transparency) channels.

Chrome 65
Firefox 52
Safari 12.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The rgb(), rgba(), and hexadecimal (as in #004488ff) notations pick colors using red, green, blue, and alpha (transparency) channels.

Chrome 65
Firefox 52
Safari 12.1
Edge 79
Baseline Date: Jan 15, 2020

The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.

Chrome 33
Firefox 32
Safari 9
Edge 79
Baseline Date: Jan 15, 2020

The font-variant-caps CSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles.

Chrome 52
Firefox 34
Safari 9.1
Edge 79
Baseline Date: Jan 15, 2020

The font-variant-east-asian CSS property controls glyph substitution and sizing in East Asian text.

Chrome 63
Firefox 34
Safari 9.1
Edge 79
Baseline Date: Jan 15, 2020

The font-variant-ligatures CSS property sets how characters can be visually combined for readability or stylistic reasons.

Chrome 34
Firefox 34
Safari 9.1
Edge 79
Baseline Date: Jan 15, 2020

The font-variant-numeric CSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.

Chrome 52
Firefox 34
Safari 9.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The caret-color CSS property sets the color of the text insertion pointer in a text input.

Chrome 57
Firefox 53
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.

Chrome 53
Firefox 63
Safari 10
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The will-change CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.

Chrome 36
Firefox 36
Safari 9.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The <details> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <summary> element is visible.

Chrome 12
Firefox 49
Safari 6
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The <slot> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.

Chrome 53
Firefox 63
Safari 10
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.

Chrome 56
Firefox 22
Safari 11
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

Stable array sort() function

Chrome 70
Firefox 3
Safari 10.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The <bdi> element isolates text that may have a different text direction from its surrounding text. This prevents the browser's bidirectional text algorithm from affecting or being affected by the direction of the surrounding text.

Chrome 16
Firefox 10
Safari 6
Edge 79
Baseline Date: Jan 15, 2020

Autonomous custom elements are HTML elements with a hyphenated tag name (like <example-element>) that have behaviors you define.

Chrome 54
Firefox 63
Safari 10.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The :default CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the checked attribute.

Chrome 10
Firefox 4
Safari 5
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The :indeterminate CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.

Chrome 39
Firefox 51
Safari 10
Edge 79
Baseline Date: Jan 15, 2020

The flat() and flatMap() methods for arrays creates a new array such that each nested array item is concatenated into it.

Chrome 69
Firefox 62
Safari 12
Edge 79
Baseline Date: Jan 15, 2020

The prefers-color-scheme CSS media query sets styles based on the requested color scheme, light or dark.

Chrome 76
Firefox 67
Safari 12.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.

Chrome 1
Firefox 1.5
Safari ≤4
Edge 79
Baseline Date: Jan 15, 2020
← Previous Page 4 of 4 (120 features)