--- title: text-decoration-line slug: Web/CSS/text-decoration-line tags: - CSS - CSS Eigenschaft - Layout - Referenz - Web translation_of: Web/CSS/text-decoration-line ---
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.
{{cssinfo}}
Formale Syntax: {{csssyntax("text-decoration-line")}}
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
Akzeptiert entweder none
als Wert oder einen oder mehrere durch Leerzeichen getrennte Werte:
none
underline
overline
line-through
blink {{deprecated_inline}}
-moz-anchor-decoration
<p>Hier steht Text mit einer roten Unterkringelung!</p>
p { -moz-text-decoration-line: underline; -moz-text-decoration-style: wavy; -moz-text-decoration-color: red; }
{{ EmbedLiveSample('Beispiel') }}
Spezifikation | Status | Comment |
---|---|---|
{{ SpecName('CSS3 Text-decoration', '#text-decoration-line', 'text-decoration-line') }} | {{ Spec2('CSS3 Text-decoration') }} |