text-decoration-style
Every style is one stroke with a dash pattern, except double and wavy.
Double is two strokes of the resolved thickness separated by a gap of the same thickness: the first
stroke stays where a single one would sit and the second grows away from the text — downward
for an underline and a line-through, upward for an overline. Wavy strokes a curved path instead of a
dash pattern (css-text-decor-3 §2.2: "Draw a wavy line") — its centerline grows away from
the text the same direction double's second stroke does.
The five styles, as underlines
double on each line, and at a heavier thickness
underline double — grows downward
Hamburgefonstiv
overline double — grows upward
Hamburgefonstiv
line-through double — grows downward
Hamburgefonstiv
underline double, text-decoration-thickness: 2px
Hamburgefonstiv
wavy on each line, at a heavier thickness, and skipping ink
underline wavy
Hamburgefonstiv
overline wavy
Hamburgefonstiv
line-through wavy
Hamburgefonstiv
underline wavy, text-decoration-thickness: 3px
Hamburgefonstiv
underline wavy, text-decoration-skip-ink breaks it around descenders
Typography judging a quick pig
What it is for
| Subtotal | 1,000.00 |
| Tax | 80.00 |
| Total | 1,080.00 |