← Back to release summary

CSS4 text-decoration-skip-ink

Category
CSS
Type
New or changed feature
Status
Enabled by default (Chrome 64)
Intent stage
None

Summary

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`

Standards & signals

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

View on chromestatus.com