CSS4 text-decoration-skip-ink

CSS

CSS Text Decoration 4: property controls how overlines and underlines are drawn when they cross over a glyph. With the initial, default value "auto" decoration lines skip over where glyphs are drawn: interrupt the decoration line to let the shape of the text show through where the text decoration would otherwise cross over a glyph. The UA must also skip a small distance to either side of the glyph outline. To disable this behavior, use `text-decoration-skip-ink: none`

Demo

https://codepen.io/anon/pen/GOadjL

Specification

Editor's draft

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 64
Chrome for Android release 64
Android WebView release 64
Opera release 51
Opera for Android release 51

Consensus & Standardization

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

Firefox: No public signals
Edge: No public signals
Safari: Shipped
Web Developers: Positive

Owner

drott@chromium.org

Last updated on 2017-12-07