These features recently became available across all browsers, making them Baseline newly available. To learn more, see Baseline.

Consider the browser support data below as well as your users' browser versions before using these features in production. Provide your essential content and functionality to as many users as possible by using progressive enhancements.

• requestVideoFrameCallback()

  Newly available since 2024-10-29

  Tags: api Groups: HTML > Media elements

  The requestVideoFrameCallback() method for <video> schedules a function that runs with the next video frame. It is similar to requestAnimationFrame(), but for video.

  Learn more

  • Chrome 83 Released on 2020-05-19
  • Chrome Android 83 Released on 2020-05-19
  • Edge 83 Released on 2020-05-21
  • Firefox 132 Released on 2024-10-29
  • Firefox for Android 132 Released on 2024-10-29
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Color management for WebGL

  Newly available since 2024-10-29

  Tags: api Groups: WebGL

  The drawingBufferColorSpace and unpackColorSpace properties of WebGLRenderingContext sets the color representation for the buffer and imported textures, such as "srgb" or "display-p3".

  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 132 Released on 2024-10-29
  • Firefox for Android 132 Released on 2024-10-29
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Color management for WebGL2

  Newly available since 2024-10-29

  Tags: api

  The drawingBufferColorSpace and unpackColorSpace properties of WebGL2RenderingContext sets the color representation for the buffer and imported textures, such as "srgb" or "display-p3".

  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 132 Released on 2024-10-29
  • Firefox for Android 132 Released on 2024-10-29
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• backdrop-filter

  Newly available since 2024-09-16

  Tags: css Groups: CSS

  The backdrop-filter CSS property applies graphical effects such as blurring or color shifting to the area behind an element.

  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 103 Released on 2022-07-26
  • Firefox for Android 103 Released on 2022-07-26
  • Safari 18 Released on 2024-09-16
  • Safari on iOS 18 Released on 2024-09-16

• willReadFrequently

  Newly available since 2024-09-16

  Tags: api Groups: Canvas

  The optional willReadFrequently parameter of a canvas's getContext() method permits the browser to optimize for frequent getImageData() calls by avoiding hardware acceleration. Also known as multiple readback.

  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 28 Released on 2014-03-18
  • Firefox for Android 28 Released on 2014-03-18
  • Safari 18 Released on 2024-09-16
  • Safari on iOS 18 Released on 2024-09-16

• content-visibility

  Newly available since 2024-09-16

  Tags: api css Groups: CSS

  The content-visibility CSS property delays rendering an element, including layout and painting, until it is needed.

  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 125 Released on 2024-04-16
  • Firefox for Android 125 Released on 2024-04-16
  • Safari 18 Released on 2024-09-16
  • Safari on iOS 18 Released on 2024-09-16

• cookieEnabled

  Newly available since 2024-09-16

  Tags: api

  The navigator.cookieEnabled property returns a Boolean value for whether the browser accepts or ignores attempts to write cookie data.

  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 4 Released on 2011-03-29
  • Safari 18 Released on 2024-09-16
  • Safari on iOS 18 Released on 2024-09-16

• Mutually exclusive <details> elements

  Newly available since 2024-09-03

  Tags: api html Groups: HTML > HTML elements

  Multiple <details> elements which use the same name attribute are mutually exclusive. When one member of the group is opened, all other members are closed.

  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 130 Released on 2024-09-03
  • Firefox for Android 130 Released on 2024-09-03
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• transition-behavior

  Newly available since 2024-08-06

  Tags: css Groups: CSS > Transitions (CSS)

  The transition-behavior: allow-discrete CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.

  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 129 Released on 2024-08-06
  • Firefox for Android 129 Released on 2024-08-06
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• font-size-adjust

  Newly available since 2024-07-25

  Tags: css svg Groups: CSS > Fonts

  The font-size-adjust CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.

  Learn more

  • Chrome 127 Released on 2024-07-23
  • Chrome Android 127 Released on 2024-07-23
  • Edge 127 Released on 2024-07-25
  • 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

• Alt text for generated content

  Newly available since 2024-07-09

  Tags: css Groups: CSS

  The / notation in content CSS property values adds alternative text to generated content. For example, the content: url('upvote-icon.svg') / 'Upvote' declaration adds accessible 'Upvote' text to the SVG icon. Also known as alternate text.

  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 128 Released on 2024-07-09
  • Firefox for Android 128 Released on 2024-07-09
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• Unsanitized HTML parsing methods

  Newly available since 2024-07-09

  Tags: api

  The Document.parseHTMLUnsafe() static method parses HTML into a DOM tree, while the setHTMLUnsafe() method of Element and ShadowRoot parses and inserts HTML into an existing tree. No sanitization applies to these methods, so never call them with user-provided HTML strings.

  Learn more

  • Chrome 124 Released on 2024-04-16
  • Chrome Android 124 Released on 2024-04-16
  • Edge 124 Released on 2024-04-18
  • Firefox 128 Released on 2024-07-09
  • Firefox for Android 128 Released on 2024-07-09
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• Registered custom properties

  Newly available since 2024-07-09

  Tags: api css

  The CSS.registerProperty() static method and the @property CSS at-rule register custom properties for which types and behaviors can be defined.

  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 128 Released on 2024-07-09
  • Firefox for Android 128 Released on 2024-07-09
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Relative colors

  Newly available since 2024-07-09

  Tags: css Groups: CSS

  The from keyword for color functions (color(), hsl(), oklch(), etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).

  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 128 Released on 2024-07-09
  • Firefox for Android 128 Released on 2024-07-09
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Resizable buffers

  Newly available since 2024-07-09

  Tags: javascript

  The resize() method of an ArrayBuffer and the grow() method of a SharedArrayBuffer, constructed with the maxByteLength option, changes the size of the buffer in place.

  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 128 Released on 2024-07-09
  • Firefox for Android 128 Released on 2024-07-09
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Async clipboard

  Newly available since 2024-06-11

  Tags: api Groups: Clipboard

  The navigator.clipboard API asynchronously reads and writes to the system clipboard.

  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 127 Released on 2024-06-11
  • Firefox for Android 127 Released on 2024-06-11
  • Safari 13.1 Released on 2020-03-24
  • Safari on iOS 13.4 Released on 2020-03-24

• Gradient interpolation

  Newly available since 2024-06-11

  Tags: css Groups: CSS > Gradients

  Gradient interpolation controls how the colors between gradient stops are calculated in CSS. For example, linear-gradient(to right in oklch longer hue, red, red); calculates in the oklch color space, with the hue going all the way around the hue circle from red back to red.

  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 127 Released on 2024-06-11
  • Firefox for Android 127 Released on 2024-06-11
  • Safari 16.2 Released on 2022-12-13
  • Safari on iOS 16.2 Released on 2022-12-13

• Set methods

  Newly available since 2024-06-11

  Tags: javascript Groups: JavaScript > Collections > Sets

  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

  Tags: css Groups: CSS

  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

• :state()

  Newly available since 2024-05-17

  Tags: api css Groups: HTML > Custom elements

  The :state() CSS pseudo-class matches custom elements based on their custom state, set through the ElementInternals.states API.

  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 126 Released on 2024-05-14
  • Firefox for Android 126 Released on 2024-05-14
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• zoom

  Newly available since 2024-05-14

  Tags: css

  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

  Tags: css Groups: CSS

  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

  Tags: css Groups: CSS > Text > Text wrap

  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

• Vertical form controls

  Newly available since 2024-04-18

  Tags: css Groups: CSS

  The writing-mode property orients form elements (such as radio buttons, progress bars, or select menus) vertically when the writing mode is vertical-lr or vertical-rl.

  Learn more

  • Chrome 124 Released on 2024-04-16
  • Chrome Android 124 Released on 2024-04-16
  • Edge 124 Released on 2024-04-18
  • Firefox 120 Released on 2023-11-21
  • Firefox for Android 120 Released on 2023-11-21
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• align-content in block layouts

  Newly available since 2024-04-16

  Tags: css Groups: CSS > Layout

  The align-content property vertically aligns content in block layouts, like it does in flex or grid layouts.

  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 125 Released on 2024-04-16
  • Firefox for Android 125 Released on 2024-04-16
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS 17.4 Released on 2024-03-05

• Intl.Segmenter

  Newly available since 2024-04-16

  Tags: javascript Groups: JavaScript > Internationalization

  The Intl.Segmenter API creates a locale-aware text splitter that can separate a string into meaningful graphemes, words, or sentences.

  Learn more

  • Chrome 87 Released on 2020-11-17
  • Chrome Android 87 Released on 2020-11-17
  • Edge 87 Released on 2020-11-19
  • Firefox 125 Released on 2024-04-16
  • Firefox for Android 125 Released on 2024-04-16
  • Safari 14.1 Released on 2021-04-26
  • Safari on iOS 14.5 Released on 2021-04-26

• transform-box

  Newly available since 2024-04-16

  Tags: css

  The transform-box CSS property sets the position and dimensions of the reference box relative to which an element's transformations are calculated.

  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 125 Released on 2024-04-16
  • Firefox for Android 125 Released on 2024-04-16
  • Safari 13.1 Released on 2020-03-24
  • Safari on iOS 13.4 Released on 2020-03-24

• AbortSignal.any()

  Newly available since 2024-03-19

  Tags: api

  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

  Newly available since 2024-03-19

  Tags: css Groups: CSS > Text > Text wrap

  The text-wrap CSS property sets how lines break in text that overflows the container. It is a shorthand for text-wrap-style and text-wrap-mode.

  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

• text-wrap: nowrap

  Newly available since 2024-03-19

  Tags: css Groups: CSS > Text > Text wrap

  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

• white-space-collapse

  Newly available since 2024-03-19

  Tags: css Groups: CSS > White space

  The white-space-collapse CSS property sets whether new line characters are shown as line breaks, and whether multiple consecutive spaces are all displayed or combined.

  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

  Tags: javascript Groups: JavaScript > Collections > Maps

  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

  Tags: api

  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

  Tags: javascript Groups: JavaScript > Promises

  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

  Tags: javascript

  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

• Extended constant expressions (WebAssembly)

  Newly available since 2024-03-05

  Tags: webassembly Groups: WebAssembly

  The i32.add, i32.sub, i32.mul, i64.add, i64.sub, and i64.mul operations extend constant expressions to include arithmetic.

  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 112 Released on 2023-04-11
  • Firefox for Android 112 Released on 2023-04-11
  • 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

  Tags: api html Groups: HTML Web Components

  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

  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

  Tags: javascript Groups: JavaScript > Collections > Arrays

  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

  Tags: css Groups: CSS > Selectors

  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

  Tags: api html

  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

  Tags: api Groups: Canvas

  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

  Tags: css Groups: CSS > Units

  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

  Tags: css Groups: CSS > Counters

  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

  Tags: css Groups: CSS

  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

  Tags: api css Groups: CSS

  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

  Tags: api html

  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

  Tags: api Groups: HTML > Media elements

  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

• :dir()

  Newly available since 2023-12-07

  Tags: css Groups: CSS > Selectors

  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

  Tags: css Groups: CSS

  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

  Tags: css Groups: Clipping, shapes and masking

  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

• scripting media query

  Newly available since 2023-12-07

  Tags: css Groups: CSS > Media queries

  The scripting CSS media query sets styles based on whether scripting such as JavaScript is available. Values are enabled if scripting is available, initial-only if scripting is only available on page load (for example, printed content), or none.

  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 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• URL.canParse()

  Newly available since 2023-12-07

  Tags: api

  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

  Tags: api html http Groups: Storage

  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

  Tags: css Groups: CSS > Units

  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

• rlh unit

  Newly available since 2023-11-21

  Tags: css Groups: CSS > Units

  The rlh CSS length unit is a font-relative length relative to the line height of root element.

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

  Tags: api Groups: Security

  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

• Clip path boxes

  Newly available since 2023-11-02

  Tags: css Groups: Clipping, shapes and masking

  The fill-box, stroke-box, and view-box values for clip-path set an edge of the element's box to use as the clipping shape.

  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 ≤72 Released before 2020-01-07
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 13.1 Released on 2020-03-24
  • Safari on iOS 13.4 Released on 2020-03-24

• :user-valid and :user-invalid

  Newly available since 2023-11-02

  Tags: css Groups: CSS > Selectors

  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

  Tags: api

  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 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• String isWellFormed() and toWellFormed()

  Newly available since 2023-10-24

  Tags: javascript Groups: JavaScript > Primitive types > Strings

  The isWellFormed() method of strings returns a boolean indicating if the string contains any Unicode lone surrogates. The toWellFormed() method returns a new string where all lone surrogates are replaced by the Unicode replacement character.

  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 119 Released on 2023-10-24
  • Firefox for Android 119 Released on 2023-10-24
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Web authentication easy public key access

  Newly available since 2023-10-24

  Tags: api

  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

• <search>

  Newly available since 2023-10-13

  Tags: html Groups: HTML > HTML elements

  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

  Tags: css Groups: CSS > Containment

  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 83 Released on 2020-05-19
  • Chrome Android 83 Released on 2020-05-19
  • Edge 83 Released on 2020-05-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

  Tags: api css Groups: CSS > Counters

  The @counter-style CSS at-rule sets 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

  Tags: api Groups: Sensors

  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

• Hyphenate character

  Newly available since 2023-09-18

  Tags: css Groups: CSS > Text > Text wrap

  The hyphenate-character CSS property sets the character or string to use at the end of a line before a line break.

  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 98 Released on 2022-03-08
  • Firefox for Android 98 Released on 2022-03-08
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Hyphenation

  Newly available since 2023-09-18

  Tags: css Groups: CSS

  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. Support for non-English languages varies signficantly.

  Learn more

  • Chrome 88 Released on 2021-01-19
  • Chrome Android 55 Released on 2016-12-06
  • Edge 88 Released on 2021-01-21
  • 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

  Tags: css Groups: CSS

  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

  Tags: html

  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 before 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

• Overflow media queries

  Newly available since 2023-09-18

  Tags: css Groups: CSS > Media queries

  The overflow-block and overflow-inline CSS media queries set styles based on the way a device displays content that's larger than the viewport or page area. For example, a laptop lets users scroll to reveal content, while a printer displays overflowing content on additional pages.

  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 66 Released on 2019-03-19
  • Firefox for Android 66 Released on 2019-03-19
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Storage manager

  Newly available since 2023-09-18

  Tags: api Groups: Storage

  The navigator.storage API provides information about the availability and persistence of the data that a site stores on the device, by using APIs such as the Cache API or the IndexedDB API.

  Learn more

  • Chrome 61 Released on 2017-09-05
  • Chrome Android 61 Released on 2017-09-05
  • Edge 79 Released on 2020-01-15
  • Firefox 57 Released on 2017-11-14
  • Firefox for Android 57 Released on 2017-11-28
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Update frequency media query

  Newly available since 2023-09-18

  Tags: css Groups: CSS > Media queries

  The update CSS media query sets styles based on whether and how fast the user's device can modify display after it has been rendered. For example, you can avoid animations on devices that aren't fast enough to display them smoothly.

  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 102 Released on 2022-06-28
  • Firefox for Android 102 Released on 2022-06-28
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Subgrid

  Newly available since 2023-09-15

  Tags: css Groups: CSS > Layout > Grid

  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

• dirname

  Newly available since 2023-08-01

  Tags: api html

  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

  Tags: css Groups: CSS

  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

  Tags: css Groups: Animation

  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

  Tags: javascript Groups: JavaScript > Collections > Arrays JavaScript > Collections > Typed arrays

  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

  Tags: css Groups: CSS

  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

  Tags: api javascript Groups: JavaScript modules

  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

  Tags: api Groups: Print media

  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

  Tags: css Groups: CSS > Color types

  The color() function picks a color from 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

  Tags: css Groups: CSS

  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

  Tags: api

  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

  Tags: css Groups: CSS > Color types

  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

  Tags: css Groups: CSS > Selectors

  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

  Tags: css Groups: CSS > Color types

  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

  Tags: api Groups: WebRTC

  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

  Tags: api Groups: Canvas

  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

  Tags: api Groups: Canvas

  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

  Tags: api html Groups: HTML

  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

  Tags: api

  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

  Tags: http

  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

  Tags: css Groups: CSS > Fonts > Font synthesis

  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

  Tags: css Groups: CSS > Fonts > Font synthesis

  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

  Tags: css Groups: CSS > Fonts > Font synthesis

  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

  Tags: api Groups: HTML > Custom elements HTML > Forms

  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

  Tags: html

  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

  Tags: api

  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

  Tags: css Groups: CSS > Media queries

  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 query. 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

  Tags: api Groups: Messaging

  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

  Tags: api Groups: Canvas

  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

• Origin private file system

  Newly available since 2023-03-27

  Tags: api Groups: File system access

  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 108 Released on 2022-11-29
  • Chrome Android 109 Released on 2023-01-10
  • Edge 108 Released on 2022-12-05
  • 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

• outline

  Newly available since 2023-03-27

  Tags: css

  The outline CSS shorthand sets the color, style, and width of a line around an element, outside of the border.

  Learn more

  • Chrome 94 Released on 2021-09-21
  • Chrome Android 94 Released on 2021-09-21
  • Edge 94 Released on 2021-09-24
  • Firefox 88 Released on 2021-04-19
  • Firefox for Android 88 Released on 2021-04-19
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• pdfViewerEnabled

  Newly available since 2023-03-27

  Tags: api

  The navigator.pdfViewerEnabled read-only property returns a Boolean for whether the browser navigates to and shows a PDF in the browser window or downloads the PDF.

  Learn more

  • Chrome 94 Released on 2021-09-21
  • Chrome Android 94 Released on 2021-09-21
  • Edge 94 Released on 2021-09-24
  • 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

• Push messages

  Newly available since 2023-03-27

  Tags: api

  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

  Tags: api

  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

  Tags: api Groups: Performance

  The decodedBodySize, encodedBodySize, 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

  Tags: api

  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

  Tags: api http Groups: Performance

  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

  Tags: api Groups: Web Components

  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

• Fixed-width SIMD (WebAssembly)

  Newly available since 2023-03-27

  Tags: webassembly Groups: WebAssembly

  128-bit SIMD (Single Instruction Multiple Data) 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

• translate attribute

  Newly available since 2023-03-14

  Tags: api html

  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

  Tags: api css Groups: CSS > Fonts

  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 9.1 Released on 2016-03-21
  • Safari on iOS 9.3 Released on 2016-03-21

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

  Newly available since 2023-03-13

  Tags: css Groups: CSS

  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

• color-gamut media query

  Newly available since 2023-02-14

  Tags: css Groups: CSS > Media queries

  The color-gamut media query sets styles based on the colors a device can display.

  Learn more

  • Chrome 58 Released on 2017-04-19
  • Chrome Android 58 Released on 2017-04-25
  • Edge 79 Released on 2020-01-15
  • Firefox 110 Released on 2023-02-14
  • Firefox for Android 110 Released on 2023-02-14
  • Safari 10 Released on 2016-09-20
  • Safari on iOS 10 Released on 2016-09-13

• Container queries

  Newly available since 2023-02-14

  Tags: api css Groups: CSS > Containment

  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

  Tags: css Groups: HTML > Forms

  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

  Tags: api css mathml

  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 5.1 Released on 2011-07-20
  • Safari on iOS 5 Released on 2011-10-12

• OES_draw_buffers_indexed WebGL extension

  Newly available since 2022-12-13

  Tags: api Groups: WebGL > WebGL extensions

  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.

  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

  Tags: css

  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

  Tags: api css Groups: CSS > Fonts

  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

  Tags: css Groups: CSS > Layout > Grid

  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

  Tags: css Groups: CSS > Units

  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

• Inline-size containment

  Newly available since 2022-09-12

  Tags: css Groups: CSS > Containment

  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.

  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 101 Released on 2022-05-31
  • Firefox for Android 101 Released on 2022-05-31
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Forced colors

  Newly available since 2022-09-12

  Tags: css Groups: CSS

  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.

  Learn more

  • Chrome 89 Released on 2021-03-02
  • Chrome Android 89 Released on 2021-03-02
  • Edge 79 Released on 2020-01-15
  • Firefox 89 Released on 2021-06-01
  • Firefox for Android 89 Released on 2021-06-01
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Motion path

  Newly available since 2022-09-12

  Tags: css Groups: CSS

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

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

• overflow

  Newly available since 2022-09-12

  Tags: css Groups: CSS

  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

• overscroll-behavior

  Newly available since 2022-09-12

  Tags: css Groups: Scrolling

  The overscroll-behavior CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.

  Learn more

  • Chrome 63 Released on 2017-12-06
  • Chrome Android 63 Released on 2017-12-05
  • Edge 18 Released on 2018-10-02
  • Firefox 59 Released on 2018-03-13
  • Firefox for Android 59 Released on 2018-03-13
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• Permissions

  Newly available since 2022-09-12

  Tags: api Groups: Security

  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

• resolution media query

  Newly available since 2022-09-12

  Tags: css Groups: CSS > Media queries

  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.

  Learn more

  • Chrome 68 Released on 2018-07-24
  • Chrome Android 68 Released on 2018-07-24
  • Edge 79 Released on 2020-01-15
  • Firefox 62 Released on 2018-09-05
  • Firefox for Android 62 Released on 2018-09-05
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• text-align-last

  Newly available since 2022-09-12

  Tags: css Groups: CSS > Text

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

  Learn more

  • Chrome 47 Released on 2015-12-01
  • Chrome Android 47 Released on 2015-12-02
  • Edge 12 Released on 2015-07-29
  • Firefox 49 Released on 2016-09-20
  • Firefox for Android 49 Released on 2016-09-20
  • Safari 16 Released on 2022-09-12
  • Safari on iOS 16 Released on 2022-09-12

• :modal

  Newly available since 2022-09-02

  Tags: css Groups: CSS > Selectors

  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

  Tags: javascript Groups: JavaScript > Collections > Arrays JavaScript > Collections > Typed arrays

  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

  Tags: css Groups: CSS > Transforms

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

  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

• Style containment

  Newly available since 2022-07-26

  Tags: css Groups: CSS > Containment

  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.

  Learn more

  • Chrome 52 Released on 2016-07-20
  • Chrome Android 52 Released on 2016-07-27
  • Edge 79 Released on 2020-01-15
  • Firefox 103 Released on 2022-07-26
  • Firefox for Android 103 Released on 2022-07-26
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• Streams

  Newly available since 2022-06-28

  Tags: api Groups: Streams

  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

• prefers-contrast media query

  Newly available since 2022-05-31

  Tags: css Groups: CSS > Media queries

  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.

  Learn more

  • Chrome 96 Released on 2021-11-15
  • Chrome Android 96 Released on 2021-11-15
  • Edge 96 Released on 2021-11-19
  • Firefox 101 Released on 2022-05-31
  • Firefox for Android 101 Released on 2022-05-31
  • Safari 14.1 Released on 2021-04-26
  • Safari on iOS 14.5 Released on 2021-04-26