# Text Underline Offset

Set the offset of a text underline.

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

Chrome 87 · Edge 87 · Firefox 70 · Safari 12.1

| Class | Properties | Value |
|-------|------------|-------|
| `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` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `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` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `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` |

### Negative Values

Double the hyphen to negate any value on the scale.

| Class | Properties | Value |
|-------|------------|-------|
| `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` |