v150 · CSS · Typography
Multiline Link Test
The motivating case for text-decoration-skip-spaces: a long multi-word link that wraps to multiple lines. Toggle the five property values and resize the container to see exactly which spaces on which line get the underline treatment.
Checking @supports (text-decoration-skip-spaces: all)…
Choose a skip-spaces value:
a { text-decoration-skip-spaces: all; }
← drag right edge to wrap the link across lines →
Read our comprehensive guide to modern web platform features in Chrome for a full overview, or jump directly to the CSS text decoration specification changes and browser support table for details.
All values side by side
none
Visit our detailed how-to guide today
all
Visit our detailed how-to guide today
start (skips leading space)
Visit our detailed how-to guide today
end (skips trailing space)
Visit our detailed how-to guide today
start end
Visit our detailed how-to guide today
see also
- Inline Element Mix — multiple overlapping decoration origins
- Prose Links — realistic article body text
- Wrapped Inline — adjacent links on two lines
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗