text-underline-position

Die text-underline-position CSS Eigenschaft legt die Position der Linie einer Unterstreichung, die über die text-decoration-Eigenschaft mit dem Wert underline gesetzt wurde, fest.

Diese Eigenschaft wird vererbt und nicht von text-decoration zurückgesetzt, wodurch sie auch für das gesamte Dokument festgelegt werden kann:

:root { /* nützlich für Dokumente mit vielen chemischen Formeln */
  text-underline-position: under;
}

/* Schlüsselwortwerte */
text-underline-position: auto;
text-underline-position: under;
text-underline-position: left;
text-underline-position: right;
text-underline-position: under left;
text-underline-position: right under;

/* Globale Werte */
text-underline-position: inherit;
text-underline-position: initial;
text-underline-position: unset;

auto

Der Browser verwendet einen Algorithmus, um zwischen under und der Grundlinie zu unterscheiden.

under

Die Linie wird unterhalb der Grundlinie, wo keine Unterlängen berührt werden, gesetzt. Dies ist nützlich, um zu verhindern, dass chemische oder mathematische Formeln, die oft Tiefstellungen enthalten, schwer lesbar werden.

left

In vertikalen Schreibrichtungen wird die Linie auf der linken Seite der Zeichen platziert. In horizontalen Schreibrichtungen ist dies ein Synonym für under.

right

In vertikalen Schreibrichtungen wird die Linie auf der rechten Seite der Zeichen platziert. In horizontalen Schreibrichtungen ist dies ein Synonym für under.

auto-pos

Dies ist ein Synonym für auto und sollte nicht verwendet werden.

above

Die Linie wird über dem Text gesetzt. In ostasiatischem Text führt der Wert auto zum gleichen Ergebnis.

below

Die Linie wird unter dem Text gesetzt. In aus Buchstaben bestehendem Text führt der Wert auto zum gleichen Ergebnis.

auto | from-font | [ under || [ left | right ] ]

• Verwandte CSS-Eigenschaften: text-decoration, text-decoration-line, text-decoration-style (en-US), text-decoration-color.
• Microsoft-Dokumentation der nicht-standardisierten Werte (englisch).