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