CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Eigenschaftsliste

CSS3 text-decoration-style Eigenschaft CSS3 text-decoration-color Eigenschaft

CSS3 text-decoration-Verwendung und Beispiel der line-Eigenschaft

Der text-decoration-Die lineCSS-Eigenschaft legt fest, welche Mustereffekte auf das Element angewendet werden. Dieses Attribut kann einen oder mehrere durch Leerzeichen getrennte Werte akzeptieren.

Die folgende Tabelle zeigt die Verwendung und Versionshistorie dieses Attributes, sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:	none
Gilt für:	Alle Elemente. Es gilt auch für::first-letter und::first-line。
Vererbt:	Keine
Animierbar:	Nein.Siehe auch Animationseigenschaften.
Version:	CSS3neue Funktion
JavaScript Syntax:	object.style.textDecorationLine="underline"

text-decoration-line Syntax

Die Syntax dieses Attributes ist wie folgt:

text-decoration-line:　none　|　[　underline　|　overline　|　line-through　|　blink　]　one　or　more　values　|　initial　|　inherit

Die folgenden Beispiele zeigen, wie man text-decoration-line Eigenschaft.

Beispiel

p　{
　　　　-moz-text-decoration-line:　underline;　/*　Firefox　*/
　　　　text-decoration-line:　underline;　
}
p.multiple　{
　　　　-moz-text-decoration-line:　underline　overline;　/*　Firefox　*/
　　　　text-decoration-line:　underline　overline;　
}

Testen Sie heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
none	Text hat keine Dekoration. Dies ist der Standardwert.
underline	Jedes Zeilentext hat eine Unterstreichung.
overline	Jedes Zeilenwort hat eine Linie oben.
line-through	Jedes Zeilenwort hat eine Linie in der Mitte.
blink	Macht den Text blinken (zwischen sichtbar und unsichtbar wechseln). Es wird nicht empfohlen, diesen Wert zu verwenden, stattdessen wirdAnimations.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, verwendet der verknüpfte Element seine Elternelementtext-decoration-line Eigenschaftswerte.

Browser-Kompatibilität

text-decoration-line Die meisten Browser unterstützen diese Eigenschaft nicht. Diese Eigenschaft wird nicht unterstützt.

	Firefox 6+ ^-moz-,36+ Google Chrome× Internet Explorer × Apple Safari × Opera ×

Warnung:text-decoration-line Die meisten Browser unterstützen diese Eigenschaft derzeit nicht. Es wird empfohlen, diese Eigenschaft zu vermeiden.

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Text,CSS Rahmen.

Verwandte Eigenschaften:text-decoration,text-decoration-color,text-decoration-style.

CSS3 text-decoration-style Eigenschaft CSS3 text-decoration-color Eigenschaft