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.