Limited Availability
30 featuresThe <geolocation> HTML element represents a button that, upon activation, prompts the user to choose whether to grant the page access to geolocation data.
Anchor positioned elements take CSS transforms on their anchor elements into account.
The initialPermissionStatus property of the HTMLGeolocationElement API represents whether geolocation was previously granted, denied, or neither, when the page first loads.
The Temporal API allows you to work with dates, times, time zones, and durations. It is more powerful than the Date API.
The navigator.gpu API performs operations such as rendering and computation on dedicated graphics hardware (also known as a Graphics Processing Unit).
The subgroups extension for the WebGPU Shading Language (WGSL) enables SIMD parallelism. Using subgroups, threads in a workgroup can efficiently communicate and perform collective operations.
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.
The clipboardchange event for navigator.clipboard fires when the user modifies the clipboard's contents.
Module import … with { type: "css" } statements load CSS modules as constructable stylesheets. Also known as CSS module scripts.
Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.
The position-visibility: anchors-valid and position-visibility: anchors-visible CSS declarations are aliases for anchor-valid and anchor-visible.
The accent-color CSS property sets a color for checkboxes, radio buttons, and other form controls.
The random() CSS function chooses a random numeric value within a specified range. This allows for dynamic, randomized styling using CSS.
Relaxed SIMD (Single Instruction Multiple Data) introduces local non-determinism, where the results of the instructions may vary based on hardware support.
Anchor position container queries with the @container anchored(fallback: …) at-rule apply styles to an element based on the element's anchor position.
The font-language-override CSS property sets which language-specific glyphs are displayed.
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.
The "local-network-access" user permission (and certain actions that imply this permission, such as a fetch() request with { targetAddressSpace: "local" }) allows a site to send requests to servers on a user's local network.
The @container style() CSS at-rule and if(style()) CSS function queries accept a range syntax, such as >, <, >=, <=, to query for inexact values.
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.
The screen.orientation.lock() method prevents changes to the screen orientation, typically in fullscreen applications such as games. For example, while locked, rotating a phone to the side won't change the screen orientation from landscape to portrait.
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.
The digital credentials API issues and requests digital credentials, such as driver's licenses or ID cards, with the browser or operating system. Digital credentials extend the navigator.credentials credential management API.
Signature-based resource integrity verifies a script's provenance by checking that the resource has been signed with a trusted key given by the <script> element's integrity attribute.
The anchor() and anchor-size() CSS functions animate or transition on changes such as the anchor box moving or the anchor element changing.
The animation-timeline, scroll-timeline, and view-timeline CSS properties advance animations based on the user's scroll position.
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.
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.
The text-wrap: pretty CSS declaration prioritizes better layout over speed when text is broken into multiple lines.
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.