Newly available features

These web features became supported in all core browsers recently.

• Set methods

  Newly available since 2024-06-11 (baseline low)

  The difference(), intersection(), isDisjointFrom(), isSubsetOf(), isSupersetOf(), symmetricDifference(), and union() methods of the JavaScript Set object performs operations between two sets.

  Learn more

  • Chrome 122 Released on 2024-02-20
  • Chrome Android 122 Released on 2024-02-20
  • Edge 122 Released on 2024-02-23
  • Firefox 127 Released on 2024-06-11
  • Firefox for Android 127 Released on 2024-06-11
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• round(), mod(), and rem()

  Newly available since 2024-05-17 (baseline low)

  The round(), mod(), and rem() CSS functions compute rounded values and the remainder after division.

  Learn more

  • Chrome 125 Released on 2024-05-14
  • Chrome Android 125 Released on 2024-05-14
  • Edge 125 Released on 2024-05-17
  • Firefox 118 Released on 2023-09-26
  • Firefox for Android 118 Released on 2023-09-26
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• zoom

  Newly available since 2024-05-14 (baseline low)

  The zoom CSS property scales the size of an element. Unlike the transform property, a zoomed element affects page layout.

  Learn more

  • Chrome 1 Released on 2008-12-11
  • Chrome Android 18 Released on 2012-06-27
  • Edge 12 Released on 2015-07-29
  • Firefox 126 Released on 2024-05-14
  • Firefox for Android 126 Released on 2024-05-14
  • Safari 3.1 Released on 2008-03-18
  • Safari on iOS 3 Released on 2009-06-17

• light-dark()

  Newly available since 2024-05-13 (baseline low)

  The light-dark() CSS function accepts two colors and uses one depending on the current color scheme.

  Learn more

  • Chrome 123 Released on 2024-03-19
  • Chrome Android 123 Released on 2024-03-19
  • Edge 123 Released on 2024-03-22
  • Firefox 120 Released on 2023-11-21
  • Firefox for Android 120 Released on 2023-11-21
  • Safari 17.5 Released on 2024-05-13
  • Safari on iOS 17.5 Released on 2024-05-13

• text-wrap: balance

  Newly available since 2024-05-13 (baseline low)

  The text-wrap: balance CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing.

  Learn more

  • Chrome 114 Released on 2023-05-30
  • Chrome Android 114 Released on 2023-05-30
  • Edge 114 Released on 2023-06-02
  • Firefox 121 Released on 2023-12-19
  • Firefox for Android 121 Released on 2023-12-19
  • Safari 17.5 Released on 2024-05-13
  • Safari on iOS 17.5 Released on 2024-05-13

• Popover

  Newly available since 2024-04-16 (baseline low)

  The popover HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using the showPopover() method.

  Learn more

  • Chrome 114 Released on 2023-05-30
  • Chrome Android 114 Released on 2023-05-30
  • Edge 114 Released on 2023-06-02
  • Firefox 125 Released on 2024-04-16
  • Firefox for Android 125 Released on 2024-04-16
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• AbortSignal.any()

  Newly available since 2024-03-19 (baseline low)

  The AbortSignal.any() static method combines an iterable of abort signals into a single signal, with the abort reason taken from the first signal to abort.

  Learn more

  • Chrome 116 Released on 2023-08-15
  • Chrome Android 116 Released on 2023-08-15
  • Edge 116 Released on 2023-08-21
  • Firefox 124 Released on 2024-03-19
  • Firefox for Android 124 Released on 2024-03-19
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• text-wrap: nowrap

  Newly available since 2024-03-19 (baseline low)

  The text-wrap: nowrap CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead.

  Learn more

  • Chrome 114 Released on 2023-05-30
  • Chrome Android 114 Released on 2023-05-30
  • Edge 114 Released on 2023-06-02
  • Firefox 124 Released on 2024-03-19
  • Firefox for Android 124 Released on 2024-03-19
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• Array grouping

  Newly available since 2024-03-05 (baseline low)

  The Object.groupBy() and Map.groupBy() static methods group values of arrays and iterables based on a function that returns a key for each value.

  Learn more

  • Chrome 117 Released on 2023-09-12
  • Chrome Android 117 Released on 2023-09-12
  • Edge 117 Released on 2023-09-15
  • Firefox 119 Released on 2023-10-24
  • Firefox for Android 119 Released on 2023-10-24
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• checkVisibility()

  Newly available since 2024-03-05 (baseline low)

  The checkVisibility() method checks if an element is potentially visible, with optional parameters for the kinds of visibility to check. For example, it checks whether the element has the style display: none, but can also check for visibility: hidden.

  Learn more

  • Chrome 105 Released on 2022-09-02
  • Chrome Android 105 Released on 2022-09-02
  • Edge 105 Released on 2022-09-01
  • Firefox 106 Released on 2022-10-18
  • Firefox for Android 106 Released on 2022-10-18
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• Promise.withResolvers()

  Newly available since 2024-03-05 (baseline low)

  The Promise.withResolvers() static method is an alternative to the Promise() constructor that returns both the promise and resolution functions. You can use this to access resolve and reject outside the scope of the executor function.

  Learn more

  • Chrome 119 Released on 2023-10-31
  • Chrome Android 119 Released on 2023-10-31
  • Edge 119 Released on 2023-11-02
  • Firefox 121 Released on 2023-12-19
  • Firefox for Android 121 Released on 2023-12-19
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• Transferable ArrayBuffer

  Newly available since 2024-03-05 (baseline low)

  The transfer() and transferToFixedLength() methods of ArrayBuffer move a buffer from one context to another (for example, to a worker).

  Learn more

  • Chrome 114 Released on 2023-05-30
  • Chrome Android 114 Released on 2023-05-30
  • Edge 114 Released on 2023-06-02
  • Firefox 122 Released on 2024-01-23
  • Firefox for Android 122 Released on 2024-01-23
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• Declarative shadow DOM

  Newly available since 2024-02-20 (baseline low)

  The shadowrootmode attribute on <template> creates a shadow root without the use of JavaScript. It is a declarative alternative to the attachShadow() method.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 123 Released on 2024-02-20
  • Firefox for Android 123 Released on 2024-02-20
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• AVIF

  Newly available since 2024-01-26 (baseline low)

  AVIF (AV1 Image File Format) is an image format based on the AV1 video format.

  Learn more

  • Chrome 85 Released on 2020-08-25
  • Chrome Android 85 Released on 2020-08-25
  • Edge 121 Released on 2024-01-25
  • Firefox 93 Released on 2021-10-05
  • Firefox for Android 93 Released on 2021-10-05
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Array.fromAsync()

  Newly available since 2024-01-25 (baseline low)

  The Array.fromAsync() static method copies items from an async iterable object to make a new array.

  Learn more

  • Chrome 121 Released on 2024-01-23
  • Chrome Android 121 Released on 2024-01-23
  • Edge 121 Released on 2024-01-25
  • Firefox 115 Released on 2023-07-04
  • Firefox for Android 115 Released on 2023-07-04
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• :has()

  Newly available since 2023-12-19 (baseline low)

  The :has() CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.

  Learn more

  • Chrome 105 Released on 2022-09-02
  • Chrome Android 105 Released on 2022-09-02
  • Edge 105 Released on 2022-09-01
  • Firefox 121 Released on 2023-12-19
  • Firefox for Android 121 Released on 2023-12-19
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Lazy-loading images and iframes

  Newly available since 2023-12-19 (baseline low)

  The loading="lazy" attribute for <img> and <iframe> elements blocks loading the external resource until the user scrolls to that element's part of the page.

  Learn more

  • Chrome 77 Released on 2019-09-10
  • Chrome Android 77 Released on 2019-09-10
  • Edge 79 Released on 2020-01-15
  • Firefox 121 Released on 2023-12-19
  • Firefox for Android 121 Released on 2023-12-19
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Canvas reset()

  Newly available since 2023-12-11 (baseline low)

  The reset() method clears a canvas to its initial state.

  Learn more

  • Chrome 99 Released on 2022-03-01
  • Chrome Android 99 Released on 2022-03-01
  • Edge 99 Released on 2022-03-03
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• cap unit

  Newly available since 2023-12-11 (baseline low)

  The CSS cap unit corresponds to the height of Latin capital letters.

  Learn more

  • Chrome 118 Released on 2023-10-10
  • Chrome Android 118 Released on 2023-10-10
  • Edge 118 Released on 2023-10-13
  • Firefox 97 Released on 2022-02-08
  • Firefox for Android 97 Released on 2022-02-08
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• counter-set

  Newly available since 2023-12-11 (baseline low)

  The counter-set CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.

  Learn more

  • Chrome 85 Released on 2020-08-25
  • Chrome Android 85 Released on 2020-08-25
  • Edge 85 Released on 2020-08-27
  • Firefox 68 Released on 2019-07-09
  • Firefox for Android 68 Released on 2019-07-09
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• linear() easing

  Newly available since 2023-12-11 (baseline low)

  The linear() easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.

  Learn more

  • Chrome 113 Released on 2023-05-02
  • Chrome Android 113 Released on 2023-05-02
  • Edge 113 Released on 2023-05-05
  • Firefox 112 Released on 2023-04-11
  • Firefox for Android 112 Released on 2023-04-11
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• Nesting

  Newly available since 2023-12-11 (baseline low)

  CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.

  Learn more

  • Chrome 120 Released on 2023-12-05
  • Chrome Android 120 Released on 2023-12-05
  • Edge 120 Released on 2023-12-07
  • Firefox 117 Released on 2023-08-29
  • Firefox for Android 117 Released on 2023-08-29
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• Preloading responsive images

  Newly available since 2023-12-11 (baseline low)

  The imagesrcset and imagesizes attributes with the rel="preload" attribute for the <link> HTML element starts fetching responsive images before they're found in the body of the document.

  Learn more

  • Chrome 73 Released on 2019-03-12
  • Chrome Android 73 Released on 2019-03-12
  • Edge 79 Released on 2020-01-15
  • Firefox 78 Released on 2020-06-30
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• preservesPitch

  Newly available since 2023-12-11 (baseline low)

  The preservesPitch property for <audio> or <video> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.

  Learn more

  • Chrome 86 Released on 2020-10-20
  • Chrome Android 86 Released on 2020-10-20
  • Edge 86 Released on 2020-10-09
  • Firefox 101 Released on 2022-05-31
  • Firefox for Android 101 Released on 2022-05-31
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• background-clip: text

  Newly available since 2023-12-07 (baseline low)

  The background-clip: text CSS declaration draws the background underneath only the text in the element.

  Learn more

  • Chrome 120 Released on 2023-12-05
  • Chrome Android 120 Released on 2023-12-05
  • Edge 120 Released on 2023-12-07
  • Firefox 49 Released on 2016-09-20
  • Firefox for Android 49 Released on 2016-09-20
  • Safari 14 Released on 2020-09-16
  • Safari on iOS 14 Released on 2020-09-16

• :dir()

  Newly available since 2023-12-07 (baseline low)

  The :dir() CSS functional pseudo-class matches elements by text direction, either right to left (rtl) or left to right (ltr).

  Learn more

  • Chrome 120 Released on 2023-12-05
  • Chrome Android 120 Released on 2023-12-05
  • Edge 120 Released on 2023-12-07
  • Firefox 49 Released on 2016-09-20
  • Firefox for Android 49 Released on 2016-09-20
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• pow(), sqrt(), hypot(), log(), and exp()

  Newly available since 2023-12-07 (baseline low)

  The pow(), sqrt(), hypot(), log(), and exp() CSS functions compute various exponential functions.

  Learn more

  • Chrome 120 Released on 2023-12-05
  • Chrome Android 120 Released on 2023-12-05
  • Edge 120 Released on 2023-12-07
  • Firefox 118 Released on 2023-09-26
  • Firefox for Android 118 Released on 2023-09-26
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Masks

  Newly available since 2023-12-07 (baseline low)

  The mask CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.

  Learn more

  • Chrome 120 Released on 2023-12-05
  • Chrome Android 120 Released on 2023-12-05
  • Edge 120 Released on 2023-12-07
  • Firefox 53 Released on 2017-04-19
  • Firefox for Android 53 Released on 2017-04-19
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• URL.canParse()

  Newly available since 2023-12-07 (baseline low)

  The URL.canParse() static method checks whether a URL can be parsed into a valid URL object. It's an alternative to calling new URL() in a try…catch statement.

  Learn more

  • Chrome 120 Released on 2023-12-05
  • Chrome Android 120 Released on 2023-12-05
  • Edge 120 Released on 2023-12-07
  • Firefox 115 Released on 2023-07-04
  • Firefox for Android 115 Released on 2023-07-04
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Storage access

  Newly available since 2023-12-05 (baseline low)

  The document.requestStorageAccess() method allows content in iframes to request storing and reading cookies and other site data, while the document.hasStorageAccess() method checks if such access is granted.

  Learn more

  • Chrome 119 Released on 2023-10-31
  • Chrome Android 120 Released on 2023-12-05
  • Edge 85 Released on 2020-08-27
  • Firefox 65 Released on 2019-01-29
  • Firefox for Android 65 Released on 2019-01-29
  • Safari 11.1 Released on 2018-04-12
  • Safari on iOS 11.3 Released on 2018-03-29

• lh unit

  Newly available since 2023-11-21 (baseline low)

  The CSS lh unit corresponds to the requested line height, the computed value of the line-height property. Some lines may be higher than this based on their content.

  Learn more

  • Chrome 109 Released on 2023-01-10
  • Chrome Android 109 Released on 2023-01-10
  • Edge 109 Released on 2023-01-12
  • Firefox 120 Released on 2023-11-21
  • Firefox for Android 120 Released on 2023-11-21
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• User activation

  Newly available since 2023-11-21 (baseline low)

  The navigator.userActivation API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.

  Learn more

  • Chrome 72 Released on 2019-01-29
  • Chrome Android 72 Released on 2019-01-29
  • Edge 79 Released on 2020-01-15
  • Firefox 120 Released on 2023-11-21
  • Firefox for Android 120 Released on 2023-11-21
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• :user-valid and :user-invalid

  Newly available since 2023-11-02 (baseline low)

  The :user-valid and :user-invalid pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.

  Learn more

  • Chrome 119 Released on 2023-10-31
  • Chrome Android 119 Released on 2023-10-31
  • Edge 119 Released on 2023-11-02
  • Firefox 88 Released on 2021-04-19
  • Firefox for Android 88 Released on 2021-04-19
  • Safari 16.5 Released on 2023-05-18
  • Safari on iOS 16.5 Released on 2023-05-18

• ARIA attribute reflection

  Newly available since 2023-10-24 (baseline low)

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

  Learn more

  • Chrome 103 Released on 2022-06-21
  • Chrome Android 103 Released on 2022-06-21
  • Edge 103 Released on 2022-06-23
  • Firefox 119 Released on 2023-10-24
  • Firefox for Android 119 Released on 2023-10-24
  • Safari 12.1 Released on 2019-03-25
  • Safari on iOS 12.2 Released on 2019-03-25

• Web authentication easy public key access

  Newly available since 2023-10-24 (baseline low)

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

  Learn more

  • Chrome 85 Released on 2020-08-25
  • Chrome Android 85 Released on 2020-08-25
  • Edge 85 Released on 2020-08-27
  • Firefox 119 Released on 2023-10-24
  • Firefox for Android 119 Released on 2023-10-24
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Canvas text baselines

  Newly available since 2023-10-13 (baseline low)

  The alphabeticBaseline, hangingBaseline, and ideographicBaseline canvas text metrics measure the distance from the used textBaseline to the respective typographic baseline.

  Learn more

  • Chrome 118 Released on 2023-10-10
  • Chrome Android 118 Released on 2023-10-10
  • Edge 118 Released on 2023-10-13
  • Firefox 116 Released on 2023-08-01
  • Firefox for Android 116 Released on 2023-08-01
  • Safari 11.1 Released on 2018-04-12
  • Safari on iOS 11.3 Released on 2018-03-29

• <search>

  Newly available since 2023-10-13 (baseline low)

  The <search> HTML element is a container that represents the parts of the web page with search functionality.

  Learn more

  • Chrome 118 Released on 2023-10-10
  • Chrome Android 118 Released on 2023-10-10
  • Edge 118 Released on 2023-10-13
  • Firefox 118 Released on 2023-09-26
  • Firefox for Android 118 Released on 2023-09-26
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• contain-intrinsic-size

  Newly available since 2023-09-18 (baseline low)

  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.

  Learn more

  • Chrome 95 Released on 2021-10-19
  • Chrome Android 95 Released on 2021-10-19
  • Edge 95 Released on 2021-10-21
  • Firefox 107 Released on 2022-11-15
  • Firefox for Android 107 Released on 2022-11-15
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• @counter-style

  Newly available since 2023-09-18 (baseline low)

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

  Learn more

  • Chrome 91 Released on 2021-05-25
  • Chrome Android 91 Released on 2021-05-25
  • Edge 91 Released on 2021-05-27
  • Firefox 33 Released on 2014-10-14
  • Firefox for Android 33 Released on 2014-10-14
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Device orientation events

  Newly available since 2023-09-18 (baseline low)

  The DeviceMotion and DeviceOrientation events report the movement and orientation of the browser's device in physical space.

  Learn more

  • Chrome 31 Released on 2013-11-12
  • Chrome Android 31 Released on 2013-11-14
  • Edge 12 Released on 2015-07-29
  • Firefox 6 Released on 2011-08-16
  • Firefox for Android 6 Released on 2011-08-16
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 4.2 Released on 2010-11-22

• Hyphenation

  Newly available since 2023-09-18 (baseline low)

  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 to mark an intraword line break.

  Learn more

  • Chrome 55 Released on 2016-12-01
  • Chrome Android 55 Released on 2016-12-06
  • Edge 79 Released on 2020-01-15
  • Firefox 43 Released on 2015-12-15
  • Firefox for Android 43 Released on 2015-12-15
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• image-set()

  Newly available since 2023-09-18 (baseline low)

  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.

  Learn more

  • Chrome 113 Released on 2023-05-02
  • Chrome Android 113 Released on 2023-05-02
  • Edge 113 Released on 2023-05-05
  • Firefox 89 Released on 2021-06-01
  • Firefox for Android 89 Released on 2021-06-01
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• <link rel="modulepreload">

  Newly available since 2023-09-18 (baseline low)

  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.

  Learn more

  • Chrome 66 Released on 2018-04-17
  • Chrome Android 66 Released on 2018-04-17
  • Edge 79 Released on 2020-01-15
  • Firefox 115 Released on 2023-07-04
  • Firefox for Android 115 Released on 2023-07-04
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Subgrid

  Newly available since 2023-09-15 (baseline low)

  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.

  Learn more

  • Chrome 117 Released on 2023-09-12
  • Chrome Android 117 Released on 2023-09-12
  • Edge 117 Released on 2023-09-15
  • Firefox 71 Released on 2019-12-10
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Motion path

  Newly available since 2023-08-21 (baseline low)

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

  Learn more

  • Chrome 116 Released on 2023-08-15
  • Chrome Android 116 Released on 2023-08-15
  • Edge 116 Released on 2023-08-21
  • Firefox 72 Released on 2020-01-07
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• dirname

  Newly available since 2023-08-01 (baseline low)

  The dirname attribute of <textarea> and <input> HTML elements includes the field's writing direction as form data on submission.

  Learn more

  • Chrome 17 Released on 2012-02-08
  • Chrome Android 18 Released on 2012-06-27
  • Edge 79 Released on 2020-01-15
  • Firefox 116 Released on 2023-08-01
  • Firefox for Android 116 Released on 2023-08-01
  • Safari 6 Released on 2012-07-25
  • Safari on iOS 6 Released on 2012-09-10

• Two-value display property

  Newly available since 2023-07-21 (baseline low)

  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.

  Learn more

  • Chrome 115 Released on 2023-07-18
  • Chrome Android 115 Released on 2023-07-21
  • Edge 115 Released on 2023-07-21
  • Firefox 70 Released on 2019-10-22
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

• animation-composition

  Newly available since 2023-07-04 (baseline low)

  The animation-composition CSS property chooses how to combine animations that affect the same property.

  Learn more

  • Chrome 112 Released on 2023-04-04
  • Chrome Android 112 Released on 2023-04-04
  • Edge 112 Released on 2023-04-06
  • Firefox 115 Released on 2023-07-04
  • Firefox for Android 115 Released on 2023-07-04
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Array by copy

  Newly available since 2023-07-04 (baseline low)

  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.

  Learn more

  • Chrome 110 Released on 2023-02-07
  • Chrome Android 110 Released on 2023-02-07
  • Edge 110 Released on 2023-02-09
  • Firefox 115 Released on 2023-07-04
  • Firefox for Android 115 Released on 2023-07-04
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• calc() constants

  Newly available since 2023-06-06 (baseline low)

  The e, pi, infinity, and NaN constants are accepted in CSS math functions such as calc().

  Learn more

  • Chrome 110 Released on 2023-02-07
  • Chrome Android 110 Released on 2023-02-07
  • Edge 110 Released on 2023-02-09
  • Firefox 114 Released on 2023-06-06
  • Firefox for Android 114 Released on 2023-06-06
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• JavaScript modules in workers

  Newly available since 2023-06-06 (baseline low)

  The Worker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in workers.

  Learn more

  • Chrome 80 Released on 2020-02-04
  • Chrome Android 80 Released on 2020-02-04
  • Edge 80 Released on 2020-02-07
  • Firefox 114 Released on 2023-06-06
  • Firefox for Android 114 Released on 2023-06-06
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

• window.print()

  Newly available since 2023-06-06 (baseline low)

  The window.print() method opens the browser's print dialog.

  Learn more

  • Chrome 1 Released on 2008-12-11
  • Chrome Android 18 Released on 2012-06-27
  • Edge 12 Released on 2015-07-29
  • Firefox 1 Released on 2004-11-09
  • Firefox for Android 114 Released on 2023-06-06
  • Safari 1.1 Released on 2003-10-24
  • Safari on iOS 1 Released on 2007-06-29

• color()

  Newly available since 2023-05-09 (baseline low)

  The color() function defines a color within a given color space. Wide gamut color spaces like display-p3 allow showing more vibrant and saturated colors than the standard srgb color space.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

• color-mix()

  Newly available since 2023-05-09 (baseline low)

  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.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 16.2 Released on 2022-12-13
  • Safari on iOS 16.2 Released on 2022-12-13

• Compression streams

  Newly available since 2023-05-09 (baseline low)

  The CompressionStream and DecompressionStream interfaces compress and decompress data using the gzip or deflate formats.

  Learn more

  • Chrome 80 Released on 2020-02-04
  • Chrome Android 80 Released on 2020-02-04
  • Edge 80 Released on 2020-02-07
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Lab and LCH

  Newly available since 2023-05-09 (baseline low)

  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.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

• :nth-child() of <selector>

  Newly available since 2023-05-09 (baseline low)

  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.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 9 Released on 2015-09-30
  • Safari on iOS 9 Released on 2015-09-16

• Oklab and Oklch

  Newly available since 2023-05-09 (baseline low)

  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 color(), oklab(), and oklch() functions.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• WebRTC SCTP information

  Newly available since 2023-05-09 (baseline low)

  The sctp object on RTCPeerConnection represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol that RTCDataChannel uses.

  Learn more

  • Chrome 76 Released on 2019-07-30
  • Chrome Android 76 Released on 2019-07-30
  • Edge 79 Released on 2020-01-15
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Canvas createConicGradient()

  Newly available since 2023-04-11 (baseline low)

  The createConicGradient() methods draw a conic gradient to a 2D canvas.

  Learn more

  • Chrome 99 Released on 2022-03-01
  • Chrome Android 99 Released on 2022-03-01
  • Edge 99 Released on 2022-03-03
  • Firefox 112 Released on 2023-04-11
  • Firefox for Android 112 Released on 2023-04-11
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Canvas roundRect()

  Newly available since 2023-04-11 (baseline low)

  The roundRect() methods draw a rounded rectangle to a 2D canvas.

  Learn more

  • Chrome 99 Released on 2022-03-01
  • Chrome Android 99 Released on 2022-03-01
  • Edge 99 Released on 2022-03-03
  • Firefox 112 Released on 2023-04-11
  • Firefox for Android 112 Released on 2023-04-11
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Inert elements

  Newly available since 2023-04-11 (baseline low)

  The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events.

  Learn more

  • Chrome 102 Released on 2022-05-24
  • Chrome Android 102 Released on 2022-05-24
  • Edge 102 Released on 2022-05-31
  • Firefox 112 Released on 2023-04-11
  • Firefox for Android 112 Released on 2023-04-11
  • Safari 15.5 Released on 2022-05-16
  • Safari on iOS 15.5 Released on 2022-05-16

• Constructed stylesheets

  Newly available since 2023-03-27 (baseline low)

  The CSSStyleSheet constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using adoptedStyleSheets.

  Learn more

  • Chrome 73 Released on 2019-03-12
  • Chrome Android 73 Released on 2019-03-12
  • Edge 79 Released on 2020-01-15
  • Firefox 101 Released on 2022-05-31
  • Firefox for Android 101 Released on 2022-05-31
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Fetch metadata request headers

  Newly available since 2023-03-27 (baseline low)

  The Sec-Fetch-Dest, Sec-Fetch-Mode, Sec-Fetch-Site, and Sec-Fetch-User` HTTP headers provide extra information about the way a request was made, to help servers reject certain kinds of malicious requests.

  Learn more

  • Chrome 80 Released on 2020-02-04
  • Chrome Android 80 Released on 2020-02-04
  • Edge 80 Released on 2020-02-07
  • Firefox 90 Released on 2021-07-13
  • Firefox for Android 90 Released on 2021-07-13
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• font-synthesis-small-caps

  Newly available since 2023-03-27 (baseline low)

  The font-synthesis-small-caps CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.

  Learn more

  • Chrome 97 Released on 2022-01-04
  • Chrome Android 97 Released on 2022-01-04
  • Edge 97 Released on 2022-01-06
  • Firefox 111 Released on 2023-03-14
  • Firefox for Android 111 Released on 2023-03-14
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• font-synthesis-style

  Newly available since 2023-03-27 (baseline low)

  The font-synthesis-style CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.

  Learn more

  • Chrome 97 Released on 2022-01-04
  • Chrome Android 97 Released on 2022-01-04
  • Edge 97 Released on 2022-01-06
  • Firefox 111 Released on 2023-03-14
  • Firefox for Android 111 Released on 2023-03-14
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• font-synthesis-weight

  Newly available since 2023-03-27 (baseline low)

  The font-synthesis-weight CSS property sets whether or not the browser should synthesize bold typefaces when they're missing from the font.

  Learn more

  • Chrome 97 Released on 2022-01-04
  • Chrome Android 97 Released on 2022-01-04
  • Edge 97 Released on 2022-01-06
  • Firefox 111 Released on 2023-03-14
  • Firefox for Android 111 Released on 2023-03-14
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Form-associated custom elements

  Newly available since 2023-03-27 (baseline low)

  Custom elements may act like built-in form elements, via the the attachInternals() method of HTMLElement and the ElementInternals API.

  Learn more

  • Chrome 77 Released on 2019-09-10
  • Chrome Android 77 Released on 2019-09-10
  • Edge 79 Released on 2020-01-15
  • Firefox 98 Released on 2022-03-08
  • Firefox for Android 98 Released on 2022-03-08
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Import maps

  Newly available since 2023-03-27 (baseline low)

  A <script type="importmap"> HTML element provides an import map as a JSON string. An import map controls how the browser should resolve module specifiers when importing JavaScript modules.

  Learn more

  • Chrome 89 Released on 2021-03-02
  • Chrome Android 89 Released on 2021-03-02
  • Edge 89 Released on 2021-03-04
  • Firefox 108 Released on 2022-12-13
  • Firefox for Android 108 Released on 2022-12-13
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• input event

  Newly available since 2023-03-27 (baseline low)

  The input event fires when a form control changes or an element with the contenteditable attribute changes.

  Learn more

  • Chrome 60 Released on 2017-07-25
  • Chrome Android 60 Released on 2017-08-01
  • Edge 79 Released on 2020-01-15
  • Firefox 87 Released on 2021-03-23
  • Firefox for Android 87 Released on 2021-03-23
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Media query range syntax

  Newly available since 2023-03-27 (baseline low)

  The range syntax of CSS media queries allows you to use mathematical comparison operators such as <, >, <=, and >= to define a range of values for a media feature. For example, (400px < width < 1000px) returns true if the viewport width is between 400px and 1000px.

  Learn more

  • Chrome 104 Released on 2022-08-02
  • Chrome Android 104 Released on 2022-08-02
  • Edge 104 Released on 2022-08-05
  • Firefox 102 Released on 2022-06-28
  • Firefox for Android 102 Released on 2022-06-28
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• messageerror

  Newly available since 2023-03-27 (baseline low)

  The messageerror event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages.

  Learn more

  • Chrome 80 Released on 2020-02-04
  • Chrome Android 80 Released on 2020-02-04
  • Edge 80 Released on 2020-02-07
  • Firefox 65 Released on 2019-01-29
  • Firefox for Android 65 Released on 2019-01-29
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Offscreen canvas

  Newly available since 2023-03-27 (baseline low)

  The OffscreenCanvas API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.

  Learn more

  • Chrome 80 Released on 2020-02-04
  • Chrome Android 80 Released on 2020-02-04
  • Edge 80 Released on 2020-02-07
  • Firefox 105 Released on 2022-09-20
  • Firefox for Android 105 Released on 2022-09-20
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Push messages

  Newly available since 2023-03-27 (baseline low)

  The Push API subscribes to and receives server-initiated messages. Subscribers receive pushed messages in the background, even after periods inactive or offline.

  Learn more

  • Chrome 50 Released on 2016-04-13
  • Chrome Android 50 Released on 2016-04-13
  • Edge 17 Released on 2018-04-30
  • Firefox 44 Released on 2016-01-26
  • Firefox for Android 48 Released on 2016-08-02
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16.4 Released on 2023-03-27

• requestAnimationFrame() in workers

  Newly available since 2023-03-27 (baseline low)

  The requestAnimationFrame() method in workers schedules a function that runs before the next repaint. Together with offscreen canvas, you can animate content from a worker.

  Learn more

  • Chrome 69 Released on 2018-09-04
  • Chrome Android 69 Released on 2018-09-04
  • Edge 79 Released on 2020-01-15
  • Firefox 99 Released on 2022-04-05
  • Firefox for Android 99 Released on 2022-04-05
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Resource size

  Newly available since 2023-03-27 (baseline low)

  The decodedSize, encodedSize, and transferSize properties of the PerformanceResourceTiming API reports the size of resources loaded.

  Learn more

  • Chrome 54 Released on 2016-10-12
  • Chrome Android 54 Released on 2016-10-19
  • Edge 17 Released on 2018-04-30
  • Firefox 45 Released on 2016-03-08
  • Firefox for Android 45 Released on 2016-03-08
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Screen orientation

  Newly available since 2023-03-27 (baseline low)

  The screen.orientation API gets information about the orientation of the viewport, such as landscape or portrait. With this API, you can adapt an application's layout or behavior in response to changes in orientation.

  Learn more

  • Chrome 38 Released on 2014-10-07
  • Chrome Android 39 Released on 2014-11-12
  • Edge 79 Released on 2020-01-15
  • Firefox 43 Released on 2015-12-15
  • Firefox for Android 43 Released on 2015-12-15
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Server timing

  Newly available since 2023-03-27 (baseline low)

  The serverTiming property of the PerformanceResourceTiming API contains server timing information about network requests.

  Learn more

  • Chrome 65 Released on 2018-03-06
  • Chrome Android 65 Released on 2018-03-06
  • Edge 79 Released on 2020-01-15
  • Firefox 61 Released on 2018-06-26
  • Firefox for Android 61 Released on 2018-06-26
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Imperative slot assignment

  Newly available since 2023-03-27 (baseline low)

  The assign() method for <slot> elements assigns nodes to the slot, as an alternative to using the slot and name HTML attributes. The nodes must be children of a shadow host and the shadow root must be created with the slotAssignment set to "manual". Also known as manual slot assignment.

  Learn more

  • Chrome 86 Released on 2020-10-20
  • Chrome Android 86 Released on 2020-10-20
  • Edge 86 Released on 2020-10-09
  • Firefox 92 Released on 2021-09-07
  • Firefox for Android 92 Released on 2021-09-07
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• WebAssembly SIMD

  Newly available since 2023-03-27 (baseline low)

  The 128-bit SIMD (Single Instruction Multiple Data) extension to WebAssembly performs one instruction on multiple units of data, when running on hardware that supports such instructions. Also known as vector instructions.

  Learn more

  • Chrome 91 Released on 2021-05-25
  • Chrome Android 91 Released on 2021-05-25
  • Edge 91 Released on 2021-05-27
  • Firefox 89 Released on 2021-06-01
  • Firefox for Android 89 Released on 2021-06-01
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Origin private file system

  Newly available since 2023-03-14 (baseline low)

  The navigator.storage.getDirectory() method returns a FileSystemDirectoryHandle that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases.

  Learn more

  • Chrome 102 Released on 2022-05-24
  • Chrome Android 109 Released on 2023-01-10
  • Edge 102 Released on 2022-05-31
  • Firefox 111 Released on 2023-03-14
  • Firefox for Android 111 Released on 2023-03-14
  • Safari 15.2 Released on 2021-12-13
  • Safari on iOS 15.2 Released on 2021-12-13

• translate attribute

  Newly available since 2023-03-14 (baseline low)

  The translate HTML attribute marks whether an element's text should be translated.

  Learn more

  • Chrome 19 Released on 2012-05-15
  • Chrome Android 25 Released on 2013-02-27
  • Edge 79 Released on 2020-01-15
  • Firefox 111 Released on 2023-03-14
  • Firefox for Android 111 Released on 2023-03-14
  • Safari 6 Released on 2012-07-25
  • Safari on iOS 6 Released on 2012-09-10

• font-variant-alternates

  Newly available since 2023-03-13 (baseline low)

  The font-variant-alternates CSS property, along with the @font-feature-values at-rule, chooses when to use a font's alternate glyphs.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 34 Released on 2014-12-01
  • Firefox for Android 34 Released on 2014-12-01
  • Safari 16.2 Released on 2022-12-13
  • Safari on iOS 16.2 Released on 2022-12-13

• sin(), cos(), tan(), asin(), acos(), atan(), and atan2()

  Newly available since 2023-03-13 (baseline low)

  The sin(), cos(), tan(), asin(), acos(), atan(), and atan2() CSS functions compute various trigonometric functions.

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 108 Released on 2022-12-13
  • Firefox for Android 108 Released on 2022-12-13
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Container queries

  Newly available since 2023-02-14 (baseline low)

  Container size queries with the @container at-rule apply styles to an element based on the dimensions of its container.

  Learn more

  • Chrome 105 Released on 2022-09-02
  • Chrome Android 105 Released on 2022-09-02
  • Edge 105 Released on 2022-09-01
  • Firefox 110 Released on 2023-02-14
  • Firefox for Android 110 Released on 2023-02-14
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• :autofill

  Newly available since 2023-02-09 (baseline low)

  The :autofill pseudo-class matches <input> elements that have been filled in automatically by the browser.

  Learn more

  • Chrome 110 Released on 2023-02-07
  • Chrome Android 110 Released on 2023-02-07
  • Edge 110 Released on 2023-02-09
  • Firefox 86 Released on 2021-02-23
  • Firefox for Android 86 Released on 2021-02-23
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

• MathML

  Newly available since 2023-01-12 (baseline low)

  MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.

  Learn more

  • Chrome 109 Released on 2023-01-10
  • Chrome Android 109 Released on 2023-01-10
  • Edge 109 Released on 2023-01-12
  • Firefox 4 Released on 2011-03-22
  • Firefox for Android 4 Released on 2011-03-29
  • Safari 10 Released on 2016-09-20
  • Safari on iOS 10 Released on 2016-09-13

• WebGL OES_draw_buffers_indexed extension

  Newly available since 2022-12-13 (baseline low)

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

  Learn more

  • Chrome 100 Released on 2022-03-29
  • Chrome Android 100 Released on 2022-03-29
  • Edge 100 Released on 2022-04-01
  • Firefox 108 Released on 2022-12-13
  • Firefox for Android 108 Released on 2022-12-13
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Small, large, and dynamic viewport units

  Newly available since 2022-12-05 (baseline low)

  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.

  Learn more

  • Chrome 108 Released on 2022-11-29
  • Chrome Android 108 Released on 2022-11-29
  • Edge 108 Released on 2022-12-05
  • Firefox 101 Released on 2022-05-31
  • Firefox for Android 101 Released on 2022-05-31
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• font-palette

  Newly available since 2022-11-15 (baseline low)

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

  Learn more

  • Chrome 101 Released on 2022-04-26
  • Chrome Android 101 Released on 2022-04-26
  • Edge 101 Released on 2022-04-28
  • Firefox 107 Released on 2022-11-15
  • Firefox for Android 107 Released on 2022-11-15
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Grid animation

  Newly available since 2022-10-27 (baseline low)

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

  Learn more

  • Chrome 107 Released on 2022-10-25
  • Chrome Android 107 Released on 2022-10-25
  • Edge 107 Released on 2022-10-27
  • Firefox 66 Released on 2019-03-19
  • Firefox for Android 66 Released on 2019-03-19
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• ic unit

  Newly available since 2022-10-03 (baseline low)

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

  Learn more

  • Chrome 106 Released on 2022-09-27
  • Chrome Android 106 Released on 2022-09-27
  • Edge 106 Released on 2022-10-03
  • Firefox 97 Released on 2022-02-08
  • Firefox for Android 97 Released on 2022-02-08
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• overflow

  Newly available since 2022-09-12 (baseline low)

  The overflow CSS property sets the behavior for when content doesn't fit in an element.

  Learn more

  • Chrome 90 Released on 2021-04-13
  • Chrome Android 90 Released on 2021-04-13
  • Edge 90 Released on 2021-04-15
  • Firefox 81 Released on 2020-09-22
  • Firefox for Android 81 Released on 2020-09-22
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Permissions

  Newly available since 2022-09-12 (baseline low)

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

  Learn more

  • Chrome 44 Released on 2015-07-21
  • Chrome Android 44 Released on 2015-07-29
  • Edge 79 Released on 2020-01-15
  • Firefox 46 Released on 2016-04-26
  • Firefox for Android 46 Released on 2016-04-26
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• :modal

  Newly available since 2022-09-02 (baseline low)

  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().

  Learn more

  • Chrome 105 Released on 2022-09-02
  • Chrome Android 105 Released on 2022-09-02
  • Edge 105 Released on 2022-09-01
  • Firefox 103 Released on 2022-07-26
  • Firefox for Android 103 Released on 2022-07-26
  • Safari 15.6 Released on 2022-07-20
  • Safari on iOS 15.6 Released on 2022-07-20

• Array findLast() and findLastIndex()

  Newly available since 2022-08-23 (baseline low)

  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.

  Learn more

  • Chrome 97 Released on 2022-01-04
  • Chrome Android 97 Released on 2022-01-04
  • Edge 97 Released on 2022-01-06
  • Firefox 104 Released on 2022-08-23
  • Firefox for Android 104 Released on 2022-08-23
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Individual transform properties

  Newly available since 2022-08-05 (baseline low)

  Transform elements with separate translate, rotate, and scale CSS properties.

  Learn more

  • Chrome 104 Released on 2022-08-02
  • Chrome Android 104 Released on 2022-08-02
  • Edge 104 Released on 2022-08-05
  • Firefox 72 Released on 2020-01-07
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 14.1 Released on 2021-04-26
  • Safari on iOS 14.5 Released on 2021-04-26

• Streams

  Newly available since 2022-06-28 (baseline low)

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

  Learn more

  • Chrome 59 Released on 2017-06-05
  • Chrome Android 59 Released on 2017-06-06
  • Edge 79 Released on 2020-01-15
  • Firefox 102 Released on 2022-06-28
  • Firefox for Android 102 Released on 2022-06-28
  • Safari 14.1 Released on 2021-04-26
  • Safari on iOS 14.5 Released on 2021-04-26

• accent-color

  Newly available since 2022-03-14 (baseline low)

  The accent-color CSS property sets a color for checkboxes, radio buttons, and other form controls.

  Learn more

  • Chrome 93 Released on 2021-08-31
  • Chrome Android 93 Released on 2021-08-31
  • Edge 93 Released on 2021-09-02
  • Firefox 92 Released on 2021-09-07
  • Firefox for Android 92 Released on 2021-09-07
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• appearance

  Newly available since 2022-03-14 (baseline low)

  The appearance CSS property controls the appearance of form controls. Using appearance: none disables any default native appearance and allows the elements to be styled with CSS.

  Learn more

  • Chrome 84 Released on 2020-07-27
  • Chrome Android 84 Released on 2020-07-27
  • Edge 84 Released on 2020-07-16
  • Firefox 80 Released on 2020-08-25
  • Firefox for Android 80 Released on 2020-08-31
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Array at()

  Newly available since 2022-03-14 (baseline low)

  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.

  Learn more

  • Chrome 92 Released on 2021-07-20
  • Chrome Android 92 Released on 2021-07-20
  • Edge 92 Released on 2021-07-22
  • Firefox 90 Released on 2021-07-13
  • Firefox for Android 90 Released on 2021-07-13
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• BroadcastChannel

  Newly available since 2022-03-14 (baseline low)

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

  Learn more

  • Chrome 54 Released on 2016-10-12
  • Chrome Android 54 Released on 2016-10-19
  • Edge 79 Released on 2020-01-15
  • Firefox 38 Released on 2015-05-12
  • Firefox for Android 38 Released on 2015-05-12
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Cascade layers

  Newly available since 2022-03-14 (baseline low)

  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.

  Learn more

  • Chrome 99 Released on 2022-03-01
  • Chrome Android 99 Released on 2022-03-01
  • Edge 99 Released on 2022-03-03
  • Firefox 97 Released on 2022-02-08
  • Firefox for Android 97 Released on 2022-02-08
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• <dialog>

  Newly available since 2022-03-14 (baseline low)

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

  Learn more

  • Chrome 37 Released on 2014-08-26
  • Chrome Android 37 Released on 2014-09-03
  • Edge 79 Released on 2020-01-15
  • Firefox 98 Released on 2022-03-08
  • Firefox for Android 98 Released on 2022-03-08
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• :focus-visible

  Newly available since 2022-03-14 (baseline low)

  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.

  Learn more

  • Chrome 86 Released on 2020-10-20
  • Chrome Android 86 Released on 2020-10-20
  • Edge 86 Released on 2020-10-09
  • Firefox 85 Released on 2021-01-26
  • Firefox for Android 85 Released on 2021-01-26
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• structuredClone()

  Newly available since 2022-03-14 (baseline low)

  The structuredClone() global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable.

  Learn more

  • Chrome 98 Released on 2022-02-01
  • Chrome Android 98 Released on 2022-02-01
  • Edge 98 Released on 2022-02-03
  • Firefox 94 Released on 2021-11-02
  • Firefox for Android 94 Released on 2021-11-02
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• 3D transforms

  Newly available since 2022-03-14 (baseline low)

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

  Learn more

  • Chrome 36 Released on 2014-07-16
  • Chrome Android 36 Released on 2014-07-16
  • Edge 12 Released on 2015-07-29
  • Firefox 16 Released on 2012-10-09
  • Firefox for Android 16 Released on 2012-10-09
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Locks

  Newly available since 2022-03-14 (baseline low)

  The navigator.locks API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks.

  Learn more

  • Chrome 69 Released on 2018-09-04
  • Chrome Android 69 Released on 2018-09-04
  • Edge 79 Released on 2020-01-15
  • Firefox 96 Released on 2022-01-11
  • Firefox for Android 96 Released on 2022-01-11
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• color-scheme

  Newly available since 2022-02-03 (baseline low)

  The color-scheme CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.

  Learn more

  • Chrome 98 Released on 2022-02-01
  • Chrome Android 98 Released on 2022-02-01
  • Edge 98 Released on 2022-02-03
  • Firefox 96 Released on 2022-01-11
  • Firefox for Android 96 Released on 2022-01-11
  • Safari 13 Released on 2019-09-19
  • Safari on iOS 13 Released on 2019-09-19

• font-synthesis

  Newly available since 2022-01-06 (baseline low)

  The font-synthesis CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as font-synthesis-style and font-synthesis-weight.

  Learn more

  • Chrome 97 Released on 2022-01-04
  • Chrome Android 97 Released on 2022-01-04
  • Edge 97 Released on 2022-01-06
  • Firefox 34 Released on 2014-12-01
  • Firefox for Android 34 Released on 2014-12-01
  • Safari 9 Released on 2015-09-30
  • Safari on iOS 9 Released on 2015-09-16