v148 · CSS · demo

Script Sampler

Toggle between none, auto, and all to see how ink-skipping behaves across Latin, Japanese, Chinese, and Korean text.

none — underline cuts through all glyphs
auto — skips Latin descenders, not CJK
all — skips every glyph including CJK
Latin — descenders: g, j, p, q, y
The dog jumps quickly over a lazy fog.
Japanese — hiragana and kanji
日本語のテキストでのインクスキップの確認
Chinese (simplified)
中文文字的下划线效果和墨水跳过测试
Korean — Hangul syllables
한글 텍스트에서 잉크 건너뛰기 테스트
Mixed — Latin and CJK in one line
Typography (타이포그래피) and 文字 together.
/* none — underline always cuts through glyphs */
.text { text-decoration-skip-ink: none; }

/* auto (default) — skips Latin descenders, not CJK */
.text { text-decoration-skip-ink: auto; }

/* all (Chrome 148+) — skips every glyph including CJK */
.text { text-decoration-skip-ink: all; }

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗