CSS text-decoration-Eigenschaft
- Vorherige Seite text-align-last
- Nächste Seite text-decoration-color
Definition und Verwendung
Die Eigenschaft text-decoration legt fest, welche Verzierungen zum Text hinzugefügt werden.
Anmerkung:Die Farbe der Verzierung wird durch die Eigenschaft "color" festgelegt.
Erklärung
Diese Eigenschaft ermöglicht es, bestimmten Effekten am Text zuzufügen, wie z.B. Unterstrichen. Wenn Nachkommenknoten keine eigenen Verzierungen haben, wird die Verzierung, die auf dem Vorfahrenknoten eingerichtet wurde, "ausgedehnt" auf die Nachkommenknoten übertragen. Es wird nicht erwartet, dass der Benutzeragent blink unterstützt.
Weitere Informationen:
CSS-Tutorial:CSS Text
HTML DOM Referenzhandbuch:textDecoration-Eigenschaft
Beispiel
Stellen Sie die Textverzierung der Elemente h1, h2, h3, h4 ein:
h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 {text-decoration:underline;} h4 {text-decoration:blink;}
CSS-Syntax
text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;
Eigenschaftswerte
Werte | Beschreibung |
---|---|
text-decoration-line | Stellen Sie den Typ der Textverzierung ein, die verwendet werden soll (z.B. Unterstrich, Überstrich, Durchstreichen). |
text-decoration-color | Stellen Sie die Farbe der Textverzierung ein. |
text-decoration-style | Stellen Sie den Stil der Textverzierung (z.B. flach, Wellenform, Punktdash, Strich, Doubleline) ein. |
text-decoration-thickness | Stellen Sie die Dicke der Verzierungszeile ein. |
initial | Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial. |
inherit | Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit. |
Technische Details
Standardwert: | keine |
---|---|
Vererbbarkeit: | nein |
Version: | CSS1 |
JavaScript-Syntax: | object.style.textDecoration="overline" |
Mehr Beispiele
- Verzierter Text
- Dieses Beispiel zeigt, wie man Text mit Verzierungen hinzufügt.
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- Vorherige Seite text-align-last
- Nächste Seite text-decoration-color