text-decoration-thickness, text-underline-offset and from-font keyword for text-underline-position

CSS

Implement CSS text decoration properties text-decoration-thickness and text-underline-offset. Add support for the new from-font keyword for text-underline-position. When from-font keywords are used, support variable font MVAR underline scaling, (tags `unds` and `undo` in the MVAR table overriding underlinePosition and underlineThickness in the OpenType `post` table.

Motivation

With the introduction of the text-decoration-skip-ink interest for additional underline styling increased to improve situations where the underline as placed by the UA is too close to the baseline and ink-skipping triggers too early. High interest on the chrome bug #785230 (25 ⭐️) and shipped in Firefox and Safari.

Documentation

https://drafts.csswg.org/css-text-decor-4/#text-underline-position-property

Specification

Editor's draft

Status in Chromium

Blink components: Blink>Fonts

In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Shipped/Shipping
Edge: No signal
Safari: Shipped/Shipping
Web Developers: Positive

Owner

drott@chromium.org

Search tags

underline, thickness, offset, position, decoration, text decoration,

Last updated on 2020-10-29