CSS text-decoration-style-Eigenschaft

Definition und Verwendung

Die Eigenschaft text-decoration-style stellt den Typ der Textdekoration (durchgezogene Linie, Wellenlinie, gepunktete Linie, gestrichelte Linie, doppelte Linie) ein.

Tipp:Bitte beachten Sie auch: text-decoration-Eigenschaft, es ist die Abkürzung dieser drei Eigenschaften:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Weitere Informationen siehe:

CSS-Tutorial:CSS Text

HTML DOM Referenzhandbuch:textDecorationStyle Eigenschaft

Beispiel

Stellen Sie verschiedene Arten von text-decoration-Styles ein:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Versuchen Sie es selbst

CSS-Syntax

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Eigenschaftswert

Wert Beschreibung
solid Standardwert. Die Linie wird als einfache Linie angezeigt.
double Die Linie wird als doppelte Linie angezeigt.
dotted Die Linie wird als gepunktete Linie angezeigt.
dashed Die Linie wird als gestrichelte Linie angezeigt.
wavy Die Linie wird als Wellenlinie angezeigt.
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe: initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: solid
Vererbung: Nein
Animationserstellung: Nicht unterstützt. Siehe:Animation bezogene Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.textDecorationStyle="wavy"

Browser-Unterstützung

Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Zahlen mit -moz- stellen die erste Version dar, die den Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0