text-underline-position

The text-underline-position CSS property sets the position of underlines on text. For example, text-underline-position: under places the underline below the text, avoiding crossing descenders. The underline may be further adjusted by the text-underline-offset property.

Baseline Status: Achieved Widely Available on Jan 28, 2023 (Cross-browser Newly Available since Jul 28, 2020).

Desktop Browser Engine Support

Google Chrome

33

Supported

Mozilla Firefox

74

Supported

Apple Safari

12.1

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

33

Firefox Android

79

Safari iOS

12.2

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.text-underline-position ↗ css.properties.text-underline-position.auto ↗ css.properties.text-underline-position.from-font ↗ css.properties.text-underline-position.left ↗ css.properties.text-underline-position.right ↗ css.properties.text-underline-position.under ↗