HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

text-underline-position

Description

The text-underline-position property for CSS sets the position of an underline with respect to the text, and defines its zero position for further adjustment by text-underline-offset.

Syntax

CSS

text-underline-position: value;

JS

object.style.textUnderlinePosition = "value";

Values

<'text-underline-position'> = auto | [ from-font | under ] || [ left | right ]
auto

Automatically specified by the user agent.

from-font

If the first available font has metrics indicating a preferred underline offset, use that offset, otherwise behaves as auto.

under

The underline is positioned under the element's text content.

left

In vertical typographic modes, the underline is aligned as for under, except it is always aligned to the left edge of the text.

right

In vertical typographic modes, the underline is aligned as for under, except it is always aligned to the right edge of the text.

Initial

auto

Examples

1 · auto

2 · from-font

3 · under

4 · left

5 · right

6 · JS