CSS- text-decoration-Eigenschaft


Beispiel

Legen Sie die Textdekoration für die Elemente h1, h2, h3 und h4 fest:

h1 {text-decoration:overline} h2 {text-decoration:line-through} h3 {text-decoration:underline}

Selbst ausprobieren »

Attributdefinition und Verwendungshinweise

Die text-decoration-Eigenschaft legt die Dekoration fest, die dem Text hinzugefügt wird, wie z. B. underline, overline, line-through usw.

Die text-decoration-Eigenschaft ist eine Kurzform für die folgenden drei Eigenschaften:

Syntax

/*关键值*/
text-decoration: none;                     /*没有文本装饰*/
text-decoration: underline red;            /*红色下划线*/
text-decoration: underline wavy red;       /*红色波浪形下划线*/

/*全局值*/
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;
Standardwert: none
Vererbt: nein
Version: CSS1
JavaScript-Syntax: object.style.textDecoration="overline"


Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.

Eigenschaft
text-decoration 1.0 3.0 1.0 1.0 3.5

Eigenschaftswert

Wert Beschreibung
none Standard. Definiert Standardtext.
underline Definiert eine Linie unterhalb des Textes.
overline Definiert eine Linie oberhalb des Textes.
line-through Definiert eine Linie, die unterhalb des Textes verläuft.
blink Definiert blinkenden Text.
inherit Gibt an, dass der Wert der Eigenschaft text-decoration vom übergeordneten Element geerbt werden soll.


Weitere Beispiele

Beispiel

h1.under { text-decoration: underline; } h1.over { text-decoration: overline; } p.line { text-decoration: line-through; } p.blink { text-decoration: blink; } a.none { text-decoration: none; } p.underover { text-decoration: underline overline; }

Selbst ausprobieren »

Beispiel

Gestrichelte Linie und wellige Linie:

h1 { text-decoration: underline overline dotted red; } h2 { text-decoration: underline overline wavy blue; }

Selbst ausprobieren »


Ähnliche Artikel

CSS-Tutorial:CSS-Text

Weitere Erweiterungen