📃 January 2023 release notes
Newly available
The following features are newly available:
- MathML: MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.
Widely available
The following features are now widely available:
-
column-span:
The
column-span
CSS property controls whether a child element extends across all columns of a multi-column parent. -
line-break:
The
line-break
CSS property sets how strictly to apply rules for wrapping text to new lines, especially for symbols and punctuation. -
min(), max(), and clamp():
The
min()
andmax()
CSS functions return the minimum or maximum of the arguments, whileclamp()
clamps a value to a given range. -
Numeric separators:
To improve readability for numeric literals, underscores (
_
) can be used as separators. For example,1_050.95
is equivalent to1050.95
. -
Pointer Events:
Pointer events, such as
pointerdown
, and thePointerEvent
API, represent general pointing inputs, from a wide range of devices, such as a mouse, pen or stylus, or touch with one or more fingers. Not to be confused with thepointer-events
CSS property. -
Promise.allSettled():
The
Promise.allSettled()
static method waits for an array of promises to settle (resolve or reject). -
:read-only and :read-write:
The
:read-only
and:read-write
CSS pseudo-classes match elements that are read-only or read-write, respectively. For example,:read-only
matches<input>
and<textarea>
elements with thereadonly
attribute. -
Resize observer:
The
ResizeObserver
API observes and reacts to changes in the size of DOM elements. -
revert:
The
revert
CSS keyword resets any property to its previous default, provided by either the user or browser stylesheets. For example, settingdisplay: revert
on a<div>
will likely result indisplay: block
, the browser default style. This is often confused withinitial
. -
Shadow parts:
The
part
andexportparts
HTML attributes expose elements of a shadow DOM as named parts, which can be selected by the::part()
CSS pseudo-element for styling. -
text-underline-position:
The
text-underline-position
CSS property sets the position of underlines on text. For example,text-underline-position: under
places the underline below the text, avoiding crossing descenders. The underline may be further adjusted by thetext-underline-offset
property.
New in Chrome
The following features are now available in Chrome:
-
Math font family:
The
font-family: math
CSS declaration uses the browser default font face for displaying mathematical expressions. -
Hyphenate limit chars:
The
hyphenate-limit-chars
CSS property sets the number of characters in a word before it is hyphenated and the minimum number of characters on either side of the hyphen. -
lh unit:
The
lh
CSS length unit corresponds to the requested line height, the computed value of theline-height
property. Some lines may be higher than this based on their content. - Speculation rules: Speculation rules are hints to the browser to proactively download pages in the background so they appear instantly when the user navigates to them.
New in Chrome Android
The following features are now available in Chrome Android:
-
Math font family:
The
font-family: math
CSS declaration uses the browser default font face for displaying mathematical expressions. -
Hyphenate limit chars:
The
hyphenate-limit-chars
CSS property sets the number of characters in a word before it is hyphenated and the minimum number of characters on either side of the hyphen. -
lh unit:
The
lh
CSS length unit corresponds to the requested line height, the computed value of theline-height
property. Some lines may be higher than this based on their content. -
Origin private file system:
The
navigator.storage.getDirectory()
method returns aFileSystemDirectoryHandle
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. - Speculation rules: Speculation rules are hints to the browser to proactively download pages in the background so they appear instantly when the user navigates to them.
New in Edge
The following features are now available in Edge:
-
Math font family:
The
font-family: math
CSS declaration uses the browser default font face for displaying mathematical expressions. -
Hyphenate limit chars:
The
hyphenate-limit-chars
CSS property sets the number of characters in a word before it is hyphenated and the minimum number of characters on either side of the hyphen. -
lh unit:
The
lh
CSS length unit corresponds to the requested line height, the computed value of theline-height
property. Some lines may be higher than this based on their content. - Speculation rules: Speculation rules are hints to the browser to proactively download pages in the background so they appear instantly when the user navigates to them.
New in Firefox
The following features are now available in Firefox:
-
scrollend:
The
scrollend
event fires when an element or document has finished scrolling.
New in Firefox for Android
The following features are now available in Firefox for Android:
-
scrollend:
The
scrollend
event fires when an element or document has finished scrolling.