v148 · CSS · Typography
Skip Ink Comparison
Chrome 148 adds text-decoration-skip-ink: all, which extends skip-ink behaviour beyond descenders to cover all parts of glyphs that intersect the underline — not just the conventional descenders. Compare none, auto, and all side by side with different scripts and font sizes.
Live comparison
Font size:
Underline color:
Offset:
3px
Thickness:
2px
Position:
Checking support for
text-decoration-skip-ink: all...
Script:
skip-ink: none
Typography gjpqy
skip-ink: auto
Typography gjpqy
skip-ink: all
Typography gjpqy
none: underline draws through every glyph with no interruption.
auto: browser skips around descenders (g, j, p, q, y) where they would cross the line. Default in most browsers.
all: browser skips around ALL glyph parts that intersect, including ascenders and complex glyphs in non-Latin scripts. More aggressive — better readability in dense typography and non-Latin scripts.
auto: browser skips around descenders (g, j, p, q, y) where they would cross the line. Default in most browsers.
all: browser skips around ALL glyph parts that intersect, including ascenders and complex glyphs in non-Latin scripts. More aggressive — better readability in dense typography and non-Latin scripts.
references
- Script Sampler — script-specific comparison
- Underline Workshop — underline customization
- Multilingual Comparison — multilingual text
- Typography Lab — full typography toolkit
- ChromeStatus entry
- CSS Text Decoration Level 4 spec
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗