Beispiel
Anzeigen einer Wellenlinie unter einem <p> Element:
p
{
-moz-text-decoration-style: wavy; /* Code for Firefox */
text-decoration: underline;
}
Versuch es selber " Definition und Verwendung
Die text-decoration-style-Eigenschaft gibt an, wie die Zeile, falls vorhanden, angezeigt werden.
| Standardwert: | solid |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.textDecorationStyle="wavy" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -moz- geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| text-decoration-style | Nicht unterstützt | Nicht unterstützt | 6.0 -moz- | Nicht unterstützt | Nicht unterstützt |
CSS-Syntax
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| solid | Standardwert. Die Linie wird als eine einzige Zeile angezeigt | Spiel es " |
| double | Die Linie wird als Doppelzeile anzeigen | Spiel es " |
| dotted | Die Linie wird als gepunktete Linie angezeigt | Spiel es " |
| dashed | Die Linie wird als eine gestrichelte Linie angezeigt | Spiel es " |
| wavy | Die Linie wird als eine Wellenlinie angezeigt werden | 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: textDecorationStyle property