New to the web platform in November

Discover immoderate of nan absorbing features that person landed successful unchangeable and beta web browsers during November 2023.

Stable browser releases

In November 2023, we only had 1 unchangeable browser merchandise pinch Firefox 120. This post looks astatine what that intends for nan web platform.

Support for nan media property successful nan <source> element

Firefox reintroduces support for nan media property successful nan <source> element. The support is expanded to see nan <audio> and <video> elements. With this release, nan media property will beryllium disposable successful <source> elements wrong <audio>, <video>, and <picture>.

Support for nan media property is coming to Chrome, and is already successful Safari, truthful you will soon person support for responsive HTML video and audio crossed each engines.

The CSS Color light-dark() function

Firefox now supports nan light-dark() CSS Color function. This intends that you tin group colors for ray and acheronian schemes without utilizing nan prefers-color-scheme media feature.

The lh and rlh units

Firefox supports nan CSS units lh and rlh These units let you to group values comparative to nan line-height of an element, this is useful erstwhile you want to align inheritance images pinch text. This merchandise makes these unts interoperable crossed each 3 awesome engines.

HTTP 103 Early Hints

Firefox now supports nan 103 Early Hints HTTP accusation consequence position code.

Beta browser releases

Beta browser versions springiness you a preview of things that will beryllium successful nan next stable type of nan browser. It's a awesome clip to trial caller features, or removals, that could effect your tract earlier nan world gets that release. New betas are Firefox 121, Chrome 120, and Safari 17.2. These releases bring galore awesome features to nan platform. Check retired nan release notes for each of nan details. Here are conscionable a fewer highlights.

Chrome 120 and Safari 17.2 include relaxed parsing for CSS Nesting.

Chrome 120 unprefixes nan -webkit-mask* properties and brings them into statement pinch nan existent specification. This includes mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, and mask-composite, arsenic good arsenic nan disguise shorthand. Local mask-image references are supported, serialization now matches nan specification, and accepted values now lucifer nan specification.

Chrome 120 and Safari 17.2 see support for nan sanction property for the <details> element.

Firefox 121 includes nan CSS :has() selector. This merchandise makes :has() interoperable crossed each awesome engines.

Part of nan New to nan web series