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

Initialwertauto
Anwendbar aufalle Elemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische ReihenfolgeReihenfolge des Auftretens in der formalen Grammatik der Werte

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
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.

Formale Syntax

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
text-underline-positionChrome Vollständige Unterstützung 33Edge Vollständige Unterstützung 12Firefox Keine Unterstützung NeinIE Vollständige Unterstützung 6Opera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
underChrome Vollständige Unterstützung 33Edge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
left and rightChrome Vollständige Unterstützung 71Edge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 71Chrome Android Vollständige Unterstützung 71Edge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
above and below
ExperimentellNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE Vollständige Unterstützung 6Opera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
auto-pos
ExperimentellNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE Vollständige Unterstützung 6Opera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, Sebastianz, fscholz, Lucky42
Zuletzt aktualisiert von: mdnwebdocs-bot,