text-underline-position
The text-underline-position property specifies the position of text underlines.
Formal Syntax
auto | [ from-font | under ] || [ left | right ]
JavaScript Access
// Access via element.style
element.style.textUnderlinePosition = 'auto';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| text-underline-position | 33 | 74 | 12.1 | 12 |
| auto | 33 | 74 | 12.1 | 79 |
| from-font | 87 | 74 | 12.1 | 87 |
| left | 71 | 74 | 18.2 | 79 |
| right | 71 | 74 | 18.2 | 79 |
| under | 33 | 74 | 12.1 | 79 |
Related Properties
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-skip-ink
- text-decoration-style
- text-decoration-thickness
- text-emphasis
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-shadow
- text-underline-offset
- text-decoration-inset ๐งช
- text-decoration-skip ๐งช
- text-decoration-skip-box ๐ง
- text-decoration-skip-self ๐ง
- text-decoration-skip-spaces ๐ง
- text-emphasis-skip ๐ง