Intent to Prototype: CSS text-decoration-inset

42 views

Skip to first unread message

Helmut Januschka

unread,

7:36 AM (12 hours ago) 7:36 AM

to blink-dev

Contact emails

hjanu...@gmail.com

Specification

https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-inset

Summary

CSS text-decoration-inset controls how far underline, overline, and line-through are inset from or extended beyond text run edges. Chrome adds support for auto, length, and percentage values, including one-value and two-value start/end syntax. This lets developers create underline spacing and reveal effects with native text decorations instead of background-gradient workarounds, with more consistent cross-browser behavior.

Blink component

Blink>CSS

Web Feature ID

Missing feature

Motivation

This change implements CSS text-decoration-inset (CSS Text Decoration Level 4), including percentage values. It gives authors direct control over decoration inset and reduces the need for wrapper/pseudo-element workarounds used to fine-tune underline/overline/line-through rendering.

sampler: https://static.januschka.com/i-468928416/?asddsaasd

MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-decoration-inset

CL: https://chromium-review.googlesource.com/c/chromium/src/+/7748204

Issues:

- https://issues.chromium.org/u/0/issues/468928416

- https://issues.chromium.org/u/0/issues/498974811

Initial public proposal

No information provided

Goals for experimentation

None

Requires code in //chrome?

False

Estimated milestones