Text Underline Offset

Set the offset of a text underline.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

tuo-0

text-underline-offset: 0;

tuo-1

text-underline-offset: 1px;

tuo-2

text-underline-offset: 2px;

tuo-4

text-underline-offset: 4px;

tuo-8

text-underline-offset: 8px;

tuo-auto

text-underline-offset: auto;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.

Double the hyphen to negate any value on the scale.