Ü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 |
| Medien | visuell |
| Berechneter Wert | wie angegeben |
| Animierbar | Nein |
| Kanonische Reihenfolge | Reihenfolge 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
underund 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
autound sollte nicht verwendet werden. above- Die Linie wird über dem Text gesetzt. In ostasiatischem Text führt der Wert
autozum gleichen Ergebnis. below- Die Linie wird unter dem Text gesetzt. In aus Buchstaben bestehendem Text führt der Wert
autozum 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
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Grundlegende Unterstützung (auto) |
Chrome 33 | Nicht unterstützt | 6[1] | Nicht unterstützt | Nicht unterstützt |
under |
Chrome 33 | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt |
left, right |
Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt |
above, below |
Nicht unterstützt | Nicht unterstützt | 5 [*] | Nicht unterstützt | Nicht unterstützt |
auto-pos |
Nicht unterstützt | Nicht unterstützt | 6[1] | Nicht unterstützt | Nicht unterstützt |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | ? | Nicht unterstützt | Nicht unterstützt |
[1] Internet Explorer verwendet abweichende Werte mit etwas abweichenden Ergebnissen. Von IE 5 bis einschließlich IE 7 gab es nur die Version dieser Eigenschaft ohne Präfix (-ms-). Seit IE 8 kann das Präfix verwendet werden.
Siehe auch
- Verwandte CSS-Eigenschaften:
text-decoration,text-decoration-line,text-decoration-style,text-decoration-color. - Microsoft-Dokumentation der nicht-standardisierten Werte (englisch).