September 2024 web platform update
Now widely available on the web platform
Widely available
-
appearance: The
appearance
CSS property controls the appearance of form controls. Usingappearance: none
disables any default native appearance and allows the elements to be styled with CSS. Learn more. -
Array at(): The
at()
method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method. Learn more. -
BroadcastChannel: The
BroadcastChannel
API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs. Learn more. -
Cascade layers: The
@layer
CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components. Learn more. -
Layout containment: The
contain: layout
CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations. Learn more. -
Paint containment: The
contain: paint
CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations. Learn more. -
Size containment: The
contain: size
CSS declaration sets an element's dimensions exclusively by itsheight
andwidth
properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations. Learn more. -
<dialog>: The
<dialog>
HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data. Learn more. -
:focus-visible: The
:focus-visible
CSS pseudo-class selects elements that match the:focus
pseudo-class and meets the browser's criteria for visually emphasizing focused elements. Learn more. -
String at(): The
at()
method of strings returns the character (one UTF-16 code unit) at an index, including negative indices for getting the character relative to the end of the string. Also known as the relative indexing method. Learn more. -
structuredClone(): The
structuredClone()
global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable. Learn more. -
3D transforms: The
transform
CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms. Learn more. -
Locks: The
navigator.locks
API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks. Learn more.
Newly available on the web platform
Newly available
-
backdrop-filter: The
backdrop-filter
CSS property applies graphical effects such as blurring or color shifting to the area behind an element. Learn more. -
willReadFrequently: The optional
willReadFrequently
parameter of a canvas'sgetContext()
method permits the browser to optimize for frequentgetImageData()
calls by avoiding hardware acceleration. Also known as multiple readback. Learn more. -
content-visibility: The
content-visibility
CSS property delays rendering an element, including layout and painting, until it is needed. Learn more. -
Mutually exclusive <details> elements: Multiple
<details>
elements which use the samename
attribute are mutually exclusive. When one member of the group is opened, all other members are closed. Learn more.