Most wanted

The following features have the most developer votes, are not Baseline yet, and are sorted by votes.

• JPEG XL

  Limited availability

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

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: neutral
  • Firefox for Android Not supported Position: neutral
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Anchor positioning

  Limited availability

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

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox 151 Released on 2026-05-19
  • Firefox for Android 151 Released on 2026-05-19
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• Customizable <select>

  Limited availability

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

  Learn more

  • Chrome 135 Released on 2025-04-01
  • Chrome Android 135 Released on 2025-04-01
  • Edge 135 Released on 2025-04-04
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• Temporal

  Limited availability

  The Temporal API allows you to work with dates, times, time zones, and durations. It is more powerful than the Date API.

  Learn more

  • Chrome 144 Released on 2026-01-13
  • Chrome Android 144 Released on 2026-01-13
  • Edge 144 Released on 2026-01-21
  • Firefox 139 Released on 2025-05-27
  • Firefox for Android 139 Released on 2025-05-27
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since January 2026 by Safari (6 months)

• Masonry

  Limited availability

  The display: grid-lanes or display: inline-grid-lanes CSS declaration creates a layout where items are tightly packed, like brickwork, in parallel lanes. Items are placed one by one in the lane that has the most available space.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• attr()

  Limited availability

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

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported
  • Safari on iOS Not supported

• corner-shape

  Limited availability

  The corner-shape CSS property sets the shape of an element's corners when using border-radius, allowing for shapes other than rounded corners. For example, corner-shape: squircle is a shape in between a square and rounded corner.

  Learn more

  • Chrome 139 Released on 2025-08-05
  • Chrome Android 139 Released on 2025-08-05
  • Edge 139 Released on 2025-08-07
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• if()

  Limited availability

  The if() CSS function is an inline conditional value that returns a value based on a set of conditions.

  Learn more

  • Chrome 137 Released on 2025-05-27
  • Chrome Android 137 Released on 2025-05-27
  • Edge 137 Released on 2025-05-29
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• sibling-count() and sibling-index()

  Limited availability

  The sibling-count() and sibling-index() CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of a calc() expression.

  Learn more

  • Chrome 138 Released on 2025-06-24
  • Chrome Android 138 Released on 2025-06-24
  • Edge 138 Released on 2025-06-26
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 26.2 Released on 2025-12-12
  • Safari on iOS 26.2 Released on 2025-12-12

  Baseline availability blocked since December 2025 by Firefox (7 months)

• @function

  Limited availability

  The @function CSS at-rule defines a custom function that takes CSS values or custom properties as arguments, and returns a CSS value. It can be based on conditional logic such as by using the @media at-rule.

  Learn more

  • Chrome 139 Released on 2025-08-05
  • Chrome Android 139 Released on 2025-08-05
  • Edge 139 Released on 2025-08-07
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• popover="hint"

  Limited availability

  The popover="hint" global HTML attribute creates a popover that is subordinate to popovers with a popover="auto" attribute. You can use this to create tooltips that don't dismiss auto popovers.

  Learn more

  • Chrome 133 Released on 2025-02-04
  • Chrome Android 133 Released on 2025-02-04
  • Edge 133 Released on 2025-02-06
  • Firefox 149 Released on 2026-03-24
  • Firefox for Android 149 Released on 2026-03-24
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since March 2026 by Safari (4 months)

• text-box

  Limited availability

  The text-box CSS property sets the spacing above and below text based on a font's typographic features. For example, text-box: trim-both ex alphabetic trims the top to the top of the letter x and the bottom to the bottom of most letters, without descenders.

  Learn more

  • Chrome 133 Released on 2025-02-04
  • Chrome Android 133 Released on 2025-02-04
  • Edge 133 Released on 2025-02-06
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 18.2 Released on 2024-12-11
  • Safari on iOS 18.2 Released on 2024-12-11

  Baseline availability blocked since February 2025 by Firefox (17 months)

• Sanitizer API

  Limited availability

  The Document.parseHTML() static method and the setHTML() method of Element and ShadowRoot objects parse and insert HTML into the DOM in a way that can prevent cross-site scripting attacks. The Sanitizer API can customize the sanitization process.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox 148 Released on 2026-02-24
  • Firefox for Android 148 Released on 2026-02-24
  • Safari Not supported
  • Safari on iOS Not supported

• <dialog closedby>

  Limited availability

  The closedby HTML attribute for <dialog> sets which user actions close a dialog. For example, closedby="any" allows the dialog to be closed by clicking outside of it.

  Learn more

  • Chrome 134 Released on 2025-03-04
  • Chrome Android 134 Released on 2025-03-04
  • Edge 134 Released on 2025-03-06
  • Firefox 141 Released on 2025-07-22
  • Firefox for Android 141 Released on 2025-07-22
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

  Baseline availability blocked since July 2025 by Safari (12 months)

• interpolate-size

  Limited availability

  The interpolate-size CSS property sets whether animations and transitions interpolate between a numeric value and a keyword value, such as from a fixed length to auto or fit-content.

  Learn more

  • Chrome 129 Released on 2024-09-17
  • Chrome Android 129 Released on 2024-09-17
  • Edge 129 Released on 2024-09-19
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• Container scroll-state queries

  Limited availability

  Container scroll-state queries with the @container scroll-state(...) at-rule apply styles to an element based on the sticky positioning, snapped, and scrollable state of the container.

  Learn more

  • Chrome 133 Released on 2025-02-04
  • Chrome Android 133 Released on 2025-02-04
  • Edge 133 Released on 2025-02-06
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Top-level await

  Limited availability

  The await keyword, when used at the top level of a module (outside of an async function), delays parent module execution until after a promise fulfills.

  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 89 Released on 2021-06-01
  • Firefox for Android 89 Released on 2021-06-01
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since June 2021 by Safari (61 months)

• Scroll-driven animations

  Limited availability

  The animation-timeline, scroll-timeline, and view-timeline CSS properties advance animations based on the user's scroll position.

  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 Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 26 Released on 2025-09-15
  • Safari on iOS 26 Released on 2025-09-15

  Baseline availability blocked since September 2025 by Firefox (10 months)

• WebGPU

  Limited availability

  The navigator.gpu API performs operations such as rendering and computation on dedicated graphics hardware (also known as a Graphics Processing Unit).

  Learn more

  • Chrome Not supported
  • Chrome Android 121 Released on 2024-01-23
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 26 Released on 2025-09-15
  • Safari on iOS 26 Released on 2025-09-15

• Cross-document view transitions

  Limited availability

  The @view-transition CSS rule sets whether a document opts-in to transitions between documents in a multi-page application. Both the old and new document must opt-in for a transition to be triggered.

  Learn more

  • Chrome 126 Released on 2024-06-11
  • Chrome Android 126 Released on 2024-06-11
  • Edge 126 Released on 2024-06-13
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 18.2 Released on 2024-12-11
  • Safari on iOS 18.2 Released on 2024-12-11

  Baseline availability blocked since December 2024 by Firefox (19 months)

• :has-slotted

  Limited availability

  The :has-slotted CSS pseudo-class matches <slot> elements where the fallback content is not shown. The pseudo-class matches any slotted content, including white space, text nodes, or elements.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox 136 Released on 2025-03-04
  • Firefox for Android 136 Released on 2025-03-04
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• filter()

  Limited availability

  The filter() CSS function applies one or more graphic effects to a CSS image, such as a background image. You can use functions, such as blur() and drop-shadow(), alone or combined to produce different effects. For instance, background: filter(url(image.png), blur(2px)).

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 9.1 Released on 2016-03-21
  • Safari on iOS 9.3 Released on 2016-03-21

• Federated credential management

  Limited availability

  The IdentityCredential API delegates authentication to a third-party identity provider, instead of using third-party cookies. Also known as FedCM.

  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 Not supported Position: neutral
  • Firefox for Android Not supported Position: neutral
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• calc-size()

  Limited availability

  The calc-size() CSS function computes mathematical expressions that include height and width keyword values, for example calc-size(fit-content, size / 2). Not to be confused with the calc() CSS function, which cannot use keyword values.

  Learn more

  • Chrome 129 Released on 2024-09-17
  • Chrome Android 129 Released on 2024-09-17
  • Edge 129 Released on 2024-09-19
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• <datalist>

  Limited availability

  The <datalist> element sets recommended values for an <input> element. Browsers may show a dropdown menu of all values or match values as the user types.

  Learn more

  • Chrome 69 Released on 2018-09-04
  • Chrome Android 69 Released on 2018-09-04
  • Edge 12 Released on 2015-07-29
  • Firefox 110 Released on 2023-02-14
  • Firefox for Android Not supported
  • Safari 12.1 Released on 2019-03-25
  • Safari on iOS 12.2 Released on 2019-03-25

  Baseline availability blocked since February 2023 by Firefox (41 months)

• Interest invokers

  Limited availability

  Interest invokers, registered by the interestfor HTML attribute, trigger events and actions on a target element when a user shows interest in the element, through behaviors such as hover, focus, or long-press. Pseudo-elements apply styles to sources and targets of interest.

  Learn more

  • Chrome 142 Released on 2025-10-28
  • Chrome Android 142 Released on 2025-10-28
  • Edge 142 Released on 2025-10-31
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Gap decorations

  Limited availability

  The column-rule and row-rule CSS properties display decorative lines between columns and rows of a flex, grid, or multi-column layout. The rule-break, rule-outset, and rule-paint-order properties control the appearance of these lines.

  Learn more

  • Chrome 149 Released on 2026-06-02
  • Chrome Android 149 Released on 2026-06-02
  • Edge 149 Released on 2026-06-04
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• line-clamp

  Limited availability

  The line-clamp CSS property limits the text in a block container to a certain number of lines. The prefixed -webkit-line-clamp is widely supported but only works with -webkit-box-orient: vertical in combination with display: -webkit-box or display: -webkit-inline-box.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• CSS import attributes

  Limited availability

  Module import … with { type: "css" } statements load CSS modules as constructable stylesheets. Also known as CSS module scripts.

  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 147 Released on 2026-01-13
  • Firefox for Android 147 Released on 2026-01-13
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

  Baseline availability blocked since January 2026 by Safari (6 months)

• <img sizes="auto" loading="lazy">

  Limited availability

  The sizes="auto" attribute for the <img> HTML element sets the layout size for the image based on the computed layout size when choosing a source from the srcset. This attribute only applies to images with the loading="lazy" attribute.

  Learn more

  • Chrome 126 Released on 2024-06-11
  • Chrome Android 126 Released on 2024-06-11
  • Edge 126 Released on 2024-06-13
  • Firefox 150 Released on 2026-04-21
  • Firefox for Android 150 Released on 2026-04-21
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since April 2026 by Safari (3 months)

• moveBefore()

  Limited availability

  The moveBefore() DOM method relocates a node while preserving its state. For example, you can move the active element without losing focus, move an animated element without resetting the animation, or move an iframe without reloading its content.

  Learn more

  • Chrome 133 Released on 2025-02-04
  • Chrome Android 133 Released on 2025-02-04
  • Edge 133 Released on 2025-02-06
  • Firefox 144 Released on 2025-10-14
  • Firefox for Android 144 Released on 2025-10-14
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since October 2025 by Safari (9 months)

• margin-trim

  Limited availability

  The margin-trim CSS property removes the margins of child elements when they meet the edges of the container.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Scoped custom element registries

  Limited availability

  The CustomElementRegistry() constructor creates a new custom element registry that's separate from the global window.customElements registry. Creating more than one registry is useful for multiple custom elements that have the same tag name to coexist.

  Learn more

  • Chrome 146 Released on 2026-03-10
  • Chrome Android 146 Released on 2026-03-10
  • Edge 146 Released on 2026-03-13
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26 Released on 2025-09-15
  • Safari on iOS 26 Released on 2025-09-15

  Baseline availability blocked since March 2026 by Firefox (4 months)

• ::scroll-button

  Limited availability

  The ::scroll-button(<dir>) CSS pseudo-element is a focusable button which scrolls its originating scroll container element in the specified direction.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• text-wrap: pretty

  Limited availability

  The text-wrap: pretty CSS declaration prioritizes better layout over speed when text is broken into multiple lines.

  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 Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 26 Released on 2025-09-15
  • Safari on iOS 26 Released on 2025-09-15

  Baseline availability blocked since September 2025 by Firefox (10 months)

• Anchor position container queries

  Limited availability

  Anchor position container queries with the @container anchored(fallback: …) at-rule apply styles to an element based on the element's anchor position.

  Learn more

  • Chrome 143 Released on 2025-12-02
  • Chrome Android 143 Released on 2025-12-02
  • Edge 143 Released on 2025-12-05
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Custom media queries

  Limited availability

  The @custom-media CSS at-rule names a media query, which you can reuse in multiple @media rules.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• scrollIntoView() container

  Limited availability

  The container option of the scrollIntoView() method sets which ancestor scroll container to scroll. The "nearest" value scrolls only the nearest ancestor, instead of the default "all".

  Learn more

  • Chrome 140 Released on 2025-09-02
  • Chrome Android 140 Released on 2025-09-02
  • Edge 140 Released on 2025-09-05
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Range syntax for style queries

  Limited availability

  The @container style() CSS at-rule and if(style()) CSS function queries accept a range syntax, such as >, <, >=, <=, to query for inexact values.

  Learn more

  • Chrome 142 Released on 2025-10-28
  • Chrome Android 142 Released on 2025-10-28
  • Edge 142 Released on 2025-10-31
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• stretch

  Limited availability

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

  Learn more

  • Chrome 138 Released on 2025-06-24
  • Chrome Android 138 Released on 2025-06-24
  • Edge 138 Released on 2025-06-26
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• scroll-target-group

  Limited availability

  The scroll-target-group CSS property sets the container where anchor links act as scroll markers. Using selectors such as :target-current, you can style elements when a target has scrolled into view. It's an alternative to the ::scroll-marker-group pseudo-element, which generates scroll markers.

  Learn more

  • Chrome 140 Released on 2025-09-02
  • Chrome Android 140 Released on 2025-09-02
  • Edge 140 Released on 2025-09-05
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Speculation rules

  Limited availability

  Speculation rules are hints to the browser to proactively download pages in the background so they appear instantly when the user navigates to them.

  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 Not supported Position: neutral
  • Firefox for Android Not supported Position: neutral
  • Safari Not supported
  • Safari on iOS Not supported

• Lazy-loading media

  Limited availability

  The loading="lazy" attribute for <video> and <audio> elements defers loading the media resource until the element is near the viewport. This matches the lazy-loading behavior for <img> and <iframe> elements.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Scroll markers

  Limited availability

  A scroll marker scrolls a container to a scroll target. The ::scroll-marker CSS pseudo-element selects a scroll marker in a ::scroll-marker-group pseudo-element, generated before or after the scroll container. You can use them to navigate and style tables of contents, tab panels, and carousels.

  Learn more

  • Chrome 135 Released on 2025-04-01
  • Chrome Android 135 Released on 2025-04-01
  • Edge 135 Released on 2025-04-04
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• accent-color

  Limited availability

  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 Not supported
  • Edge 93 Released on 2021-09-02
  • Firefox 92 Released on 2021-09-07
  • Firefox for Android 92 Released on 2021-09-07
  • Safari 26.2 Released on 2025-12-12
  • Safari on iOS 26.2 Released on 2025-12-12

  Baseline availability blocked since December 2025 by Chromium (7 months)

• navigator.install()

  Limited availability

  The navigator.install() method triggers a request to install a progressive web app.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Layout instability

  Limited availability

  The layout-shift performance entry and LayoutShift API measures the layout stability of web pages based on movements of the elements on the page. They're used to calculate Cumulative Layout Shift (CLS), a common metric for perceived stability.

  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 Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported
  • Safari on iOS Not supported

• overlay

  Limited availability

  The overlay CSS property, used as an allow-discrete CSS transition, prevents a top layer element, such as a popover or a <dialog>, from being removed from the top layer before it has finished animating. You can't set the value of the overlay property; only use it as transition property.

  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 Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• <link rel="prefetch">

  Limited availability

  The rel="prefetch" attribute for the <link> HTML element is a hint to the browser that the user is likely to navigate to a resource, so the browser should preemptively fetch and cache the resource.

  Learn more

  • Chrome 8 Released on 2010-12-02
  • Chrome Android 18 Released on 2012-06-27
  • Edge 12 Released on 2015-07-29
  • Firefox 2 Released on 2006-10-24
  • Firefox for Android 4 Released on 2011-03-29
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since July 2015 by Safari (132 months)

• ::marker

  Limited availability

  The ::marker CSS pseudo-element selects list item markers for styling numbers or bullets.

  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 80 Released on 2020-08-25
  • Firefox for Android 80 Released on 2020-08-31
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since October 2020 by Safari (69 months)

• Scheduler API

  Limited availability

  The scheduler API provides a way to prioritize all tasks belonging to an application.

  Learn more

  • Chrome 129 Released on 2024-09-17
  • Chrome Android 129 Released on 2024-09-17
  • Edge 129 Released on 2024-09-19
  • Firefox 142 Released on 2025-08-19
  • Firefox for Android 142 Released on 2025-08-19
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since August 2025 by Safari (11 months)

• Document picture-in-picture

  Limited availability

  The document picture-in-picture API creates an always-on-top window from arbitrary HTML content.

  Learn more

  • Chrome 130 Released on 2024-10-15
  • Chrome Android Not supported
  • Edge 130 Released on 2024-10-17
  • Firefox 151 Released on 2026-05-19
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• alpha and colorspace attributes for <input type=color>

  Limited availability

  The ability to control the opacity of a color picked using <input type="color"> and determine the colorspace of the selected color.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 18.4 Released on 2025-03-31
  • Safari on iOS 18.4 Released on 2025-03-31

• light-dark() image values

  Limited availability

  The light-dark() CSS function accepts, in addition to colors, two <image> values, such as a gradient or URL, and uses one depending on the current color scheme.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox 150 Released on 2026-04-21
  • Firefox for Android 150 Released on 2026-04-21
  • Safari Not supported
  • Safari on iOS Not supported

• navigator.share()

  Limited availability

  The navigator.share() method invokes the device's native sharing mechanism and passes text, links, files, and other content to share targets. Also known as the Web Share API.

  Learn more

  • Chrome 128 Released on 2024-08-20
  • Chrome Android 61 Released on 2017-09-05
  • Edge 93 Released on 2021-09-02
  • Firefox Not supported Position
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 12.1 Released on 2019-03-25
  • Safari on iOS 12.2 Released on 2019-03-25

  Baseline availability blocked since August 2024 by Firefox (23 months)

• ariaNotify()

  Limited availability

  The ariaNotify() method of Element and Document requests assistive technology software, if activated, to announce a message to the user. This can help make dynamic content changes more accessible to users.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox 150 Released on 2026-04-21
  • Firefox for Android 150 Released on 2026-04-21
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• Error.isError()

  Limited availability

  The Error.isError() static method checks whether a value is an Error object.

  Learn more

  • Chrome 134 Released on 2025-03-04
  • Chrome Android 134 Released on 2025-03-04
  • Edge 134 Released on 2025-03-06
  • Firefox 138 Released on 2025-04-29
  • Firefox for Android 138 Released on 2025-04-29
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since April 2025 by Safari (15 months)

• Speech recognition

  Limited availability

  The SpeechRecognition API converts audio into text using the device's speech recognition service.

  Learn more

  • Chrome 139 Released on 2025-08-05
  • Chrome Android 139 Released on 2025-08-05
  • Edge 139 Released on 2025-08-07
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported
  • Safari on iOS Not supported

• at-rule()

  Limited availability

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

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• display animation

  Limited availability

  You can animate elements between display: none and any other display value or animate between content-visibility: hidden and any other content-visibility value. This also applies to transitions.

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

  Baseline availability blocked since September 2024 by Firefox (22 months)

• Web app manifest

  Limited availability

  A web app manifest file provides metadata about the site. The browser can use the metadata to install the site as a standalone application on the user's device. The metadata usually includes the app's name, icon, description, and ways in which the app wishes to integrate with the device.

  Learn more

  • Chrome 53 Released on 2016-08-31
  • Chrome Android 53 Released on 2016-09-07
  • Edge 79 Released on 2020-01-15
  • Firefox Not supported
  • Firefox for Android 79 Released on 2020-07-28
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 15.4 Released on 2022-03-14

  Baseline availability blocked since September 2023 by Firefox (34 months)

• progress()

  Limited availability

  The progress() CSS function returns a ratio for the relative position of one value between two other values, clamped between 0 and 1. You can use it to interpolate a value for other calculations.

  Learn more

  • Chrome 138 Released on 2025-06-24
  • Chrome Android 138 Released on 2025-06-24
  • Edge 138 Released on 2025-06-26
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26 Released on 2025-09-15
  • Safari on iOS 26 Released on 2025-09-15

  Baseline availability blocked since September 2025 by Firefox (10 months)

• display: contents

  Limited availability

  The display: contents CSS declaration sets an element to display only its contents, not itself.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position: neutral
  • Safari on iOS Not supported Position: neutral

• EditContext

  Limited availability

  The EditContext API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.

  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 Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• reading-flow

  Limited availability

  The reading-flow CSS property sets the order in which flex or grid elements are rendered to speech or reached via focus navigation. The reading-order property overrides this order.

  Learn more

  • Chrome 137 Released on 2025-05-27
  • Chrome Android 137 Released on 2025-05-27
  • Edge 137 Released on 2025-05-29
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• Reference target

  Limited availability

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

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• File handlers

  Limited availability

  The file_handlers web app manifest member registers an installed web app as a handler for files with specific file extensions or MIME types.

  Learn more

  • Chrome 102 Released on 2022-05-24
  • Chrome Android Not supported
  • Edge 102 Released on 2022-05-31
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Cookie store

  Limited availability

  The CookieStore API is an asynchronous and promise-based API for managing cookies. It does not rely on document and so is available to service workers as well.

  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 Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• Explicit resource management

  Limited availability

  The using and await using declarations and the dispose and asyncDispose symbols manage the lifecycle of resources such as file handles and streams. The DisposableStack and AsyncDisposableStack objects can group, dispose, and coordinate dependencies between multiple disposable resources.

  Learn more

  • Chrome 134 Released on 2025-03-04
  • Chrome Android 134 Released on 2025-03-04
  • Edge 134 Released on 2025-03-06
  • Firefox 141 Released on 2025-07-22
  • Firefox for Android 141 Released on 2025-07-22
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since July 2025 by Safari (12 months)

• Hanging punctuation

  Limited availability

  The hanging-punctuation CSS property puts punctuation characters outside of the box to align the text with the rest of the document.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26.5 Released on 2026-05-11
  • Safari on iOS 26.5 Released on 2026-05-11

• image()

  Limited availability

  The image() CSS function creates an image similar to url() but with additional functionality. It can create a solid color as an image, provide a fallback from an image URL to a solid color, or clip a sprite image using media fragments. Not to be confused with the Image() constructor.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported
  • Safari on iOS Not supported

• random()

  Limited availability

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

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26.2 Released on 2025-12-12
  • Safari on iOS 26.2 Released on 2025-12-12

• user-select

  Limited availability

  The user-select CSS property controls which elements can be selected by the user.

  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 69 Released on 2019-09-03
  • Firefox for Android 79 Released on 2020-07-28
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since July 2020 by Safari (72 months)

• Heading pseudo-classes

  Limited availability

  The :heading and :heading() CSS pseudo-classes match headings of varying levels. The :heading pseudo-class matches any heading (<h1> through <h6>). The :heading() selector matches any of the given levels. For example, :heading(1, 2) matches headings level 1 and 2.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Notifications

  Limited availability

  The Notification() constructor shows a message to the user, typically using the notification system of the host operating system.

  Learn more

  • Chrome 20 Released on 2012-06-26
  • Chrome Android Not supported
  • Edge 14 Released on 2016-08-02
  • Firefox 22 Released on 2013-06-25
  • Firefox for Android 22 Released on 2013-06-25
  • Safari 7 Released on 2013-10-22
  • Safari on iOS Not supported

• Periodic background sync

  Limited availability

  The periodic background synchronization API fires a recurring periodicsync event in a service worker. You can use this to update data in the background at regular intervals.

  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 Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• prefers-reduced-data media query

  Limited availability

  The prefers-reduced-data CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• Scroll marker target pseudo-classes

  Limited availability

  The :target-current CSS pseudo-class selects the active scroll marker (as in ::scroll-marker), while the :target-after and :target-before pseudo-classes select the inactive markers preceding and following the active scroll marker.

  Learn more

  • Chrome 142 Released on 2025-10-28
  • Chrome Android 142 Released on 2025-10-28
  • Edge 142 Released on 2025-10-31
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• showPicker() for <input>

  Limited availability

  The showPicker() method for <input> elements shows the user interface for picking a value. For example, for <input type="date"> it shows the interface for picking a date.

  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 101 Released on 2022-05-31
  • Firefox for Android 101 Released on 2022-05-31
  • Safari 17.4 Released on 2024-03-05
  • Safari on iOS Not supported

  Baseline availability blocked since March 2024 by Safari (28 months)

• background-clip: border-area

  Limited availability

  The background-clip: border-area CSS declaration draws the background underneath only the border of an element.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 18.2 Released on 2024-12-11
  • Safari on iOS 18.2 Released on 2024-12-11

• border-shape

  Limited availability

  The border-shape CSS property sets the geometry of the border box, changing the shape of any applicable border, border image, focus outline, or shadow.

  Learn more

  • Chrome 147 Released on 2026-04-07
  • Chrome Android 147 Released on 2026-04-07
  • Edge 147 Released on 2026-04-10
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• HTML in canvas

  Limited availability

  A <canvas> HTML element with the layoutsubtree attribute can draw descendant elements in its rendering context. You can use it to style and layout text in a canvas, expose canvas content to browser features (like accessibility, translate, or find-in-page), and apply 2D and 3D effects to HTML.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• CloseWatcher

  Limited availability

  The CloseWatcher API listens and responds to close requests on in-page components, such as modals, popovers, and sidebars.

  Learn more

  • Chrome 126 Released on 2024-06-11
  • Chrome Android 126 Released on 2024-06-11
  • Edge 126 Released on 2024-06-13
  • Firefox 149 Released on 2026-03-24
  • Firefox for Android 149 Released on 2026-03-24
  • Safari Not supported Position: neutral
  • Safari on iOS Not supported Position: neutral

  Baseline availability blocked since March 2026 by Safari (4 months)

• Fetch upload streams

  Limited availability

  The fetch() method and Request() constructor accept a ReadableStream object as the request's body option, to stream upload data to the server.

  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 Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• initial-letter

  Limited availability

  The initial-letter CSS property sets the number of lines the first letter of an element occupies. You can use the property to make a raised capital or drop cap.

  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 Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

• <meta name="theme-color">

  Limited availability

  The name="theme-color" attribute for the <meta> HTML element suggests a color that the browser can use to customize the display of the page or the browser user interface.

  Learn more

  • Chrome Not supported
  • Chrome Android 92 Released on 2021-07-20
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

• text-fit

  Limited availability

  The text-fit CSS property scales text to fill the inline size of its container. You can use this to grow or shrink headlines, captions, or pull quotes to fit a container.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Asynchronously iterable streams

  Limited availability

  Asynchronous iteration of a stream allows you to use for await … of loops to iterate through a stream's incoming data.

  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 110 Released on 2023-02-14
  • Firefox for Android 110 Released on 2023-02-14
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

  Baseline availability blocked since April 2024 by Safari (27 months)

• background-clip: text

  Limited availability

  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 Not supported
  • Firefox for Android Not supported
  • Safari 14 Released on 2020-09-16
  • Safari on iOS 14 Released on 2020-09-16

  Baseline availability blocked since December 2023 by Firefox (31 months)

• context-fill and context-stroke

  Limited availability

  The context-fill and context-stroke CSS values are used with fill and stroke in SVG <marker> or <use> elements to match a color from where they appear.

  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 111 Released on 2023-03-14
  • Firefox for Android 111 Released on 2023-03-14
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since April 2024 by Safari (27 months)

• Gamepad haptic feedback

  Limited availability

  The gamepad.vibrationActuator property represents a gamepad's haptics hardware, which allows you to control the vibration motors in a gamepad.

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

• <input type="color">

  Limited availability

  The <input type="color"> HTML element shows a color picker from which users can choose a color value.

  Learn more

  • Chrome 20 Released on 2012-06-26
  • Chrome Android 25 Released on 2013-02-27
  • Edge 14 Released on 2016-08-02
  • Firefox 29 Released on 2014-04-29
  • Firefox for Android Not supported
  • Safari 12.1 Released on 2019-03-25
  • Safari on iOS 12.2 Released on 2019-03-25

  Baseline availability blocked since March 2019 by Firefox (88 months)

• Local fonts

  Limited availability

  The window.queryLocalFonts() method returns an array of locally-installed fonts, each represented by a FontData object.

  Learn more

  • Chrome 103 Released on 2022-06-21
  • Chrome Android Not supported
  • Edge 103 Released on 2022-06-23
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• object-view-box

  Limited availability

  The object-view-box CSS property crops and zooms to an inset area of an image.

  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 Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• overflow-anchor

  Limited availability

  The overflow-anchor CSS property sets an element as a possible scroll anchor, reducing unintended scrolling when document changes occur above the current scrollport. This is enabled by default where supported.

  Learn more

  • Chrome 56 Released on 2017-01-25
  • Chrome Android 56 Released on 2017-02-01
  • Edge 79 Released on 2020-01-15
  • Firefox 66 Released on 2019-03-19
  • Firefox for Android 66 Released on 2019-03-19
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since January 2020 by Safari (78 months)

• Payment request

  Limited availability

  The PaymentRequest API prompts the user to make a payment through the browser's user interface.

  Learn more

  • Chrome 60 Released on 2017-07-25
  • Chrome Android 53 Released on 2016-09-07
  • Edge 15 Released on 2017-04-05
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 11.1 Released on 2018-04-12
  • Safari on iOS 11.3 Released on 2018-03-29

  Baseline availability blocked since April 2018 by Firefox (99 months)

• ::selection

  Limited availability

  The ::selection CSS pseudo-element selects text a user has highlighted.

  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 62 Released on 2018-09-05
  • Firefox for Android 62 Released on 2018-09-05
  • Safari 1.1 Released on 2003-10-24
  • Safari on iOS Not supported

  Baseline availability blocked since September 2018 by Safari (94 months)

• showPicker() for <select>

  Limited availability

  The showPicker() method for <select> elements shows the dropdown menu or other user interface for picking one of the options.

  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 122 Released on 2024-01-23
  • Firefox for Android 122 Released on 2024-01-23
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support

  Baseline availability blocked since January 2024 by Safari (30 months)

• Virtual keyboard

  Limited availability

  The navigator.virtualKeyboard API inspects and controls on-screen virtual keyboards. You can use it to programmatically hide or show a virtual keyboard or respond to the keyboard disappearing or appearing.

  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 Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• Memory64 (WebAssembly)

  Limited availability

  Instructions accept 64-bit memory indexes.

  Learn more

  • Chrome 133 Released on 2025-02-04
  • Chrome Android 133 Released on 2025-02-04
  • Edge 133 Released on 2025-02-06
  • Firefox 134 Released on 2025-01-07
  • Firefox for Android 134 Released on 2025-01-07
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since February 2025 by Safari (17 months)

• :autofill

  Limited availability

  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 Not supported
  • Firefox for Android Not supported
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20

  Baseline availability blocked since February 2023 by Firefox (41 months)

• box-decoration-break

  Limited availability

  The box-decoration-break CSS property sets whether box decorations, such as borders or backgrounds, of an element divided across a page, column, or region wraps each fragment or splits across the break.

  Learn more

  • Chrome 130 Released on 2024-10-15
  • Chrome Android 130 Released on 2024-10-15
  • Edge 130 Released on 2024-10-17
  • Firefox 32 Released on 2014-09-02
  • Firefox for Android 32 Released on 2014-09-02
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since October 2024 by Safari (21 months)

• element()

  Limited availability

  The element() CSS function creates a live-updating image from an HTML element that can be used as an image or background image.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Custom highlights from point

  Limited availability

  The CSS.highlights.highlightsFromPoint() method returns an array of Highlight objects at a specified point.

  Learn more

  • Chrome 140 Released on 2025-09-02
  • Chrome Android 140 Released on 2025-09-02
  • Edge 140 Released on 2025-09-05
  • Firefox 150 Released on 2026-04-21
  • Firefox for Android 150 Released on 2026-04-21
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since April 2026 by Safari (3 months)

• Picture-in-picture (video)

  Limited availability

  The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.

  Learn more

  • Chrome 69 Released on 2018-09-04
  • Chrome Android 105 Released on 2022-09-02
  • Edge 79 Released on 2020-01-15
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari 13.1 Released on 2020-03-24
  • Safari on iOS 13.4 Released on 2020-03-24

  Baseline availability blocked since September 2022 by Firefox (46 months)

• requestIdleCallback()

  Limited availability

  The requestIdleCallback() API queues a function that runs in idle browser time, either at the end of a frame or when the user is inactive. Also known as the background tasks API.

  Learn more

  • Chrome 47 Released on 2015-12-01
  • Chrome Android 47 Released on 2015-12-02
  • Edge 79 Released on 2020-01-15
  • Firefox 55 Released on 2017-08-08
  • Firefox for Android 55 Released on 2017-08-08
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since January 2020 by Safari (78 months)

• Web authentication signal methods

  Limited availability

  The signalUnknownCredential(), signalAllAcceptedCredentials(), and signalCurrentUserDetails() methods of PublicKeyCredential inform authenticators of the state of public key credentials, so that incorrect or revoked credentials may be updated, removed, or hidden.

  Learn more

  • Chrome 132 Released on 2025-01-14
  • Chrome Android 132 Released on 2025-01-14
  • Edge 132 Released on 2025-01-17
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26 Released on 2025-09-15
  • Safari on iOS 26 Released on 2025-09-15

  Baseline availability blocked since September 2025 by Firefox (10 months)

• beforeinstallprompt

  Limited availability

  The beforeinstallprompt event fires when a Progressive Web App (PWA) is installable. You can cancel the event and later call event.prompt() to control when the installation prompt is shown. The appinstalled event fires when the PWA is successfully installed.

  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 Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• caret-shape

  Limited availability

  The caret-shape CSS property sets the shape of the insertion caret, the symbol that shows where the next character is to be inserted or deleted.

  Learn more

  • Chrome 144 Released on 2026-01-13
  • Chrome Android 144 Released on 2026-01-13
  • Edge 144 Released on 2026-01-21
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• COLRv1

  Limited availability

  COLRv1 is a font format that supports multi-color glyphs. COLRv1 extends COLRv0 to support gradients, transforms, and blending modes.

  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 107 Released on 2022-11-15
  • Firefox for Android 107 Released on 2022-11-15
  • Safari Not supported Position
  • Safari on iOS Not supported Position

  Baseline availability blocked since November 2022 by Safari (44 months)

• UI fonts

  Limited availability

  The ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for the font-family CSS property use device-default user interface fonts for text.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 13.1 Released on 2020-03-24
  • Safari on iOS 13.4 Released on 2020-03-24

• Fullscreen API

  Limited availability

  The fullscreen API makes a specific element fill the whole screen and hides most browser UI.

  Learn more

  • Chrome 71 Released on 2018-12-04
  • Chrome Android 71 Released on 2018-12-04
  • Edge 79 Released on 2020-01-15
  • Firefox 64 Released on 2018-12-11
  • Firefox for Android 64 Released on 2018-12-11
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS Not supported

  Baseline availability blocked since March 2023 by Safari (40 months)

• interactivity

  Limited availability

  The interactivity: inert CSS declaration makes an element and its descendants inert, like when using the inert HTML attribute. Inert elements can't be focused or clicked, their text can't be selected or found using the browser's find-in-page feature.

  Learn more

  • Chrome 135 Released on 2025-04-01
  • Chrome Android 135 Released on 2025-04-01
  • Edge 135 Released on 2025-04-04
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• justify-self in block layouts

  Limited availability

  The justify-self CSS property aligns an item along a container's inline axis in block layouts, like it does in grid layouts. Likewise, the justify-items property sets a default justify-self value for all items in a container in a block layout.

  Learn more

  • Chrome 130 Released on 2024-10-15
  • Chrome Android 130 Released on 2024-10-15
  • Edge 130 Released on 2024-10-17
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Media element pseudo-classes

  Limited availability

  The :playing, :paused, :seeking, :buffering, :stalled, :muted, and :volume-locked CSS pseudo-classes match <audio> and <video> elements based on their state.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox 150 Released on 2026-04-21
  • Firefox for Android 150 Released on 2026-04-21
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

  Baseline availability blocked since April 2026 by Chromium (3 months)

• Page lifecycle

  Limited availability

  The page lifecycle API helps you safely handle page suspensions or discards from memory. The freeze and resume events fire when the browser suspends or resumes a page from memory while the document.wasDiscarded property reports whether the page was reloaded after being dropped.

  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 Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Permissions policy

  Limited availability

  The Permissions-Policy response header and the allow attribute for <iframe> elements sets whether a policy-controlled feature, such as an API, may be used in a document.

  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 Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Element-scoped view transitions

  Limited availability

  The startViewTransition() method of an Element object starts a view transition that affects only that element's DOM tree. You can use this to run separate elements' transitions concurrently.

  Learn more

  • Chrome 147 Released on 2026-04-07
  • Chrome Android 147 Released on 2026-04-07
  • Edge 147 Released on 2026-04-10
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Widows and orphans

  Limited availability

  The widows and orphans CSS properties set the minimum lines included in a text fragment created by page, column, or region breaks.

  Learn more

  • Chrome 25 Released on 2013-02-21
  • Chrome Android 25 Released on 2013-02-27
  • Edge 12 Released on 2015-07-29
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 1.3 Released on 2005-04-15
  • Safari on iOS 1 Released on 2007-06-29

  Baseline availability blocked since July 2015 by Firefox (132 months)

• Background fetch

  Limited availability

  Background fetch downloads data in the background even when the web page is closed.

  Learn more

  • Chrome 74 Released on 2019-04-23
  • Chrome Android 74 Released on 2019-04-24
  • Edge 79 Released on 2020-01-15
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• Badging

  Limited availability

  The navigator.setAppBadge() method allows installed web applications to display an application badge, typically a dot or number shown alongside the application's icon on the device's home screen or application dock.

  Learn more

  • Chrome 81 Released on 2020-04-07
  • Chrome Android Not supported
  • Edge 81 Released on 2020-04-13
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 16.4 Released on 2023-03-27

• Barcode detector

  Limited availability

  The BarcodeDetector API recognizes various barcode formats in images.

  Learn more

  • Chrome Not supported
  • Chrome Android 83 Released on 2020-05-19
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Compression Dictionary Transport

  Limited availability

  Compression Dictionary Transport is a mechanism for using designated HTTP responses as an external dictionary for future HTTP responses for compression schemes that support using external dictionaries (e.g., Brotli and Zstandard)

  Learn more

  • Chrome 130 Released on 2024-10-15
  • Chrome Android 130 Released on 2024-10-15
  • Edge 130 Released on 2024-10-17
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• Eyedropper

  Limited availability

  The EyeDropper API opens an eyedropper tool, a color picker that allows users to select a color from their screen.

  Learn more

  • Chrome 96 Released on 2021-11-15
  • Chrome Android Not supported
  • Edge 96 Released on 2021-11-19
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• <meta name="text-scale">

  Limited availability

  The <meta name="text-scale" content="scale" /> HTML element allows the browser's initial font size to be affected by the operating system text scale settings. The <meta name="text-scale" content="legacy" /> element is the default behavior that respects only browser font-size settings.

  Learn more

  • Chrome 146 Released on 2026-03-10
  • Chrome Android 146 Released on 2026-03-10
  • Edge 146 Released on 2026-03-13
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• overflow-clip-margin

  Limited availability

  The overflow-clip-margin CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as overflow: clip.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox 148 Released on 2026-02-24
  • Firefox for Android 148 Released on 2026-02-24
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• overscroll-behavior

  Limited availability

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

  Learn more

  • Chrome 144 Released on 2026-01-13
  • Chrome Android 144 Released on 2026-01-13
  • Edge 144 Released on 2026-01-21
  • Firefox 150 Released on 2026-04-21
  • Firefox for Android 150 Released on 2026-04-21
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since April 2026 by Safari (3 months)

• paint()

  Limited availability

  The paint() CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.

  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 Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari Not supported
  • Safari on iOS Not supported

• Presentation API

  Limited availability

  The Presentation API shows or controls content on another display, such as a network-connected TV or projector.

  Learn more

  • Chrome 47 Released on 2015-12-01
  • Chrome Android 47 Released on 2015-12-02
  • Edge 79 Released on 2020-01-15
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported
  • Safari on iOS Not supported

• Scroll snap events

  Limited availability

  The scrollsnapchanging and scrollsnapchange events fire when a scroll gesture changes the selected scroll snap target.

  Learn more

  • Chrome 129 Released on 2024-09-17
  • Chrome Android 129 Released on 2024-09-17
  • Edge 129 Released on 2024-09-19
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari Not supported Position
  • Safari on iOS Not supported Position

• Web MIDI

  Limited availability

  The Web MIDI API enables selecting MIDI input and output devices and sending and receiving MIDI messages.

  Learn more

  • Chrome 43 Released on 2015-05-19
  • Chrome Android 43 Released on 2015-05-27
  • Edge 79 Released on 2020-01-15
  • Firefox 108 Released on 2022-12-13
  • Firefox for Android Not supported Position: positive
  • Safari Not supported
  • Safari on iOS Not supported

• WebCodecs

  Limited availability

  The WebCodecs API provides low-level access to individual video frames and chunks of audio samples, for full control over the way media is processed.

  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 130 Released on 2024-09-03
  • Firefox for Android Not supported Position: positive
  • Safari 26 Released on 2025-09-15
  • Safari on iOS 26 Released on 2025-09-15

  Baseline availability blocked since September 2025 by Firefox (10 months)

• Window Controls Overlay

  Limited availability

  The display_override: ["window-controls-overlay"] web application manifest member shows content in the title bar area of a progressive web app that is installed on a desktop device.

  Learn more

  • Chrome 105 Released on 2022-09-02
  • Chrome Android Not supported
  • Edge 105 Released on 2022-09-01
  • Firefox Not supported Position: defer
  • Firefox for Android Not supported Position: defer
  • Safari Not supported
  • Safari on iOS Not supported

• Window management

  Limited availability

  The window.getScreenDetails() method gets information about the screens on a device, which you can use to place new windows on a specific screen with window.open().

  Learn more

  • Chrome 111 Released on 2023-03-07
  • Chrome Android Not supported
  • Edge 111 Released on 2023-03-13
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported