text-decoration-line
Übersicht
Die text-decoration-line
CSS Eigenschaft repräsentiert die Art der Liniendekoration eines Elements.
Unter- und Überstreichungsdekorationen werden hinter dem Text dargestellt, während Durchstreichungen über dem Text dargestellt werden.
Initialwert | none |
---|---|
Anwendbar auf | alle Elemente. Auch anwendbar auf ::first-letter (en-US) und ::first-line (en-US). |
Vererbt | Nein |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
Syntax
Formale Syntax:text-decoration-line =
none |
[ underline || overline || line-through || blink ]
text-decoration-line: none /* This is the only keyword that cannot be mixed with other */ text-decoration-line: underline text-decoration-line: overline text-decoration-line: line-through text-decoration-line: underline overline text-decoration-line: overline underline line-through text-decoration-line: inherit
Werte
Akzeptiert entweder none
als Wert oder einen oder mehrere durch Leerzeichen getrennte Werte:
none
- Erzeugt keine Textdekoration.
underline
- Jede Zeile des Texts wird unterstrichen.
overline
- Über jeder Zeile des Texts wird eine Linie dargestellt.
line-through
- Jede Zeile des Texts wird durchgestrichen.
blink Deprecated
- Der Text blinkt (wechselt zwischen sichtbar und unsichtbar). Dem Standard folgende User Agents können das Blinken ignorieren. Dieser Wert ist missbilligt und es sollten stattdessen Animationen verwendet werden.
-moz-anchor-decoration
- Mozilla CSS Erweiterung, nicht geeignet für Webinhalte.
Beispiel
HTML
<p>Hier steht Text mit einer roten Unterkringelung!</p>
CSS
p {
-moz-text-decoration-line: underline;
-moz-text-decoration-style: wavy;
-moz-text-decoration-color: red;
}
Spezifikation
Spezifikation | Status | Comment |
---|---|---|
Unknown Die Definition von 'text-decoration-line' in dieser Spezifikation. |
Unbekannt |
Browser Kompatibilität
BCD tables only load in the browser