September 2022 web platform update

Now widely available on the web platform

Widely available

• font-optical-sizing: The font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes. Learn more.

• Q unit: The Q CSS length unit is an absolute length anchored to the physical measurement of quarter-millimeters. 1Q is equivalent to 1/40 of 1 centimeter. Learn more.

• Import and export of mutable globals (WebAssembly): Mutable global variables are importable and exportable. Learn more.

• Web animations: The animate() method of Element objects programmatically animates elements over time and can synchronize the animations of multiple elements. Learn more.

Newly available on the web platform

Newly available

• Inline-size 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.

• Forced colors: 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.

• :modal: 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.

• Motion path: The offset CSS property animates an element along a defined motion path. Learn more.

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

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

• Permissions: The navigator.permissions API checks whether a permission, such as access to geolocation data, has been granted. Learn more.

• resolution media query: 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.

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