text-underline-position

Übersicht

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;
}

Initialwert	`auto`
Anwendbar auf	alle Elemente
Vererbt	Ja
Berechneter Wert	wie angegeben
Animationstyp	diskret

Syntax

/* 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;

Werte

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 Non-Standard: Dies ist ein Synonym für auto und sollte nicht verwendet werden.
above Non-Standard: Die Linie wird über dem Text gesetzt. In ostasiatischem Text führt der Wert auto zum gleichen Ergebnis.
below Non-Standard: Die Linie wird unter dem Text gesetzt. In aus Buchstaben bestehendem Text führt der Wert auto zum gleichen Ergebnis.

Formale Syntax

text-underline-position = 
  auto                           |
  [ under || [ left | right ] ]

Spezifikationen

Spezifikation	Status	Kommentar
Unknown Die Definition von 'text-underline-position' in dieser Spezifikation.	Unbekannt	Ursprüngliche Definition

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch

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