Beispiel
Stellen Sie den Text Dekoration für <h1>, <h2> und <h3> Elemente:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Versuch es selber " Definition und Verwendung
Die text-decoration Eigenschaft gibt die Dekoration hinzugefügt, um Text.
Note: In CSS3, die text-decoration Eigenschaft ist eine zusammenfassende Eigenschaft für text-decoration-line , text-decoration-Farbe und Text-Dekoration im Stil , aber das ist derzeit nicht in einem der großen Browsern unterstützt.
Note: In CSS3 Sie können Text-Dekoration-Farben - Eigenschaft , um die Farbe der Dekoration zu ändern, da sonst die Farbe wie die Farbe des Textes ist die gleiche.
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | no, see individual properties . Read about animatable |
| Version: | CSS1, renewed in CSS3 |
| JavaScript-Syntax: | object .style.textDecoration="underline" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
text-decoration: none|underline|overline|line-through|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| none | Definiert einen normalen Text. Dies ist die Standardeinstellung | Spiel es " |
| underline | Definiert eine Zeile unter dem Text | Spiel es " |
| overline | Definiert eine Linie über dem Text | Spiel es " |
| line-through | Definiert eine Linie durch den Text | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Text
HTML - DOM - Referenz: textDecoration property