Text-decoration-style

Die Eigenschaft text-decoration-style legt den Stil der Unterstreichung von Links und der Unterstreichung, Oberstreichung oder Durchstreichung für jeden Text fest, auf den text-decoration angewendet wird.

a {
  text-decoration-style: solid;
}

Werte

solid: Der Standard. Die Dekoration ist eine einzelne durchgezogene Linie.
double: Die Dekoration ist ein Paar von durchgezogenen Linien.
dotted: Die Dekoration ist eine gepunktete Linie.
dashed: Die Dekoration ist eine gestrichelte Linie.
wavy: Die Dekoration ist eine wellenförmige Linie.

Demo

Zum Zeitpunkt der Erstellung dieses Textes wird text-decoration-style offiziell nur in Firefox unterstützt. Es funktioniert auch in Chrome-Browsern, wenn das Flag für experimentelle Webplattform-Funktionen aktiviert ist.

Kurzschreibweise

In Browsern, die text-decoration-style und text-decoration-color unterstützen, können Sie einer Kurzschreibweise text-decoration einen Dekorationsstil hinzufügen

.underlined {
  text-decoration: underline dotted red;
}

Derzeit unterstützt nur Firefox dies ohne Präfix. Safari unterstützt es mit dem -webkit-Präfix. Chrome benötigt ebenfalls das -webkit-Präfix und aktivierte experimentelle Webplattform-Funktionen in den Chrome-Flags.