CSS/Eigenschaften/text-decoration-line

Browserunterstützung
caniuse.com

Die Eigenschaft text-decoration-line legt die Art einer Textdekoration fest

Erlaubte Werte

• none
• 1-4 der folgenden Schlüsselwörter
  • underline - unterstreichen
  • line-through - durchstreichen
  • overline - überstreichen
  • blink - blinken (d.h. das Element wechselt zwischen sichtbar und unsichtbar). Hat in Chromia und Firefox keinen Effekt und ist missbilligt, man soll statt dessen CSS Animationen verwenden.
• spelling-error, Textdekoration, die der Browser für Rechtschreibfehler wählt
• grammar-error, Textdekoration, die der Browser für Grammatikfehler wählt

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

browser- und elementabhängig

anwendbar auf

alle Elemente einschließlich der Pseudoelemente first-line und first-letter

Vererbung

nein

animierbar

nein

Beispiel

small.error {
  text-decoration-line: underline line-through; 
}

legt für alle small-Elemente der Klasse error unter- und durchgestrichenen Text fest

Beachten Sie: Die Browser müssen blink nicht unterstützen, spelling-error und grammar-error werden derzeit (Januar 2021) nicht unterstützt.

Empfehlung: Verzichten Sie aus Gründen der Zugänglichkeit auf die Verwendung von blink.

Siehe auch

• Typografie/Farbe und Dekoration#text-decoration

Weblinks

• Spezifikation (W3C): CSS Text Decoration Module Level 4
• MDN: text-decoration-line
• Details: caniuse.com