text-decoration

Artikel
10/11/2017

Legt fest, ob der Text im Objekt blinkt oder durchgestrichen, überstrichen oder unterstrichen ist.

Syntax

{ text-decoration: sDecoration }

Mögliche Werte

sDecoration

Zeichenfolge, mit der einer der folgenden Werte angegeben oder empfangen wird:

none	Standard. Der Text weist keine Verzierung auf.
line-through	Der Text ist mit einer Linie durchgestrichen.
overline	Der Text ist mit einer Linie überstrichen.
underline	Der Text ist unterstrichen.

Diese Eigenschaft hat den Standardwert none. Sie wird nicht vererbt.

Hinweise

Der Standardwert weicht für die folgenden Tags ab:

Der Standardwert lautet underline für das A-Element, wenn es mit den Elementen HREF, U und INS verwendet wird.
Für die Elemente STRIKE, S und DEL lautet der Standardwert line-through.

Wenn der Wert none an das Ende der Werte gesetzt wird, werden alle Werte gelöscht. Bei {text-decoration: underline overline blink none} werden z. B. keine Verzierungen gerendert.

Falls das Objekt keinen Text aufweist (z. B. das IMG-Objekt in HTML) oder leer ist (z. B. <EM></EM>), hat diese Eigenschaft keine Auswirkung.

Wenn Sie die text-decoration-Eigenschaft für das BODY-Objekt auf none setzen, bleiben die A-Objekte unterstrichen. Um die Unterstreichung aus den A-Objekten zu entfernen, legen Sie das Format entweder inline fest oder verwenden im globalen Stylesheet a als Selektor.

Das Festlegen der text-decoration-Eigenschaft für Blockelemente wirkt sich auf alle untergeordneten Inlineelemente aus. Falls die Eigenschaft für ein Inlineelement angegeben wird oder sich darauf auswirkt, wirkt sich dies auch auf alle vom Element generierten Felder aus.

Beispiele

Im folgenden Beispiel wird die text-decoration-Eigenschaft verwendet, um im Objekt Text zu verzieren. Es wird ein Inline-Stylesheet verwendet, um im Objekt eine Linie durch den Text zu zeichnen:

<div style="text-decoration:line-through">
.
.
.
</div>

Das Beispiel verdeutlicht, dass text-decoration nicht vererbbar ist. Es sieht so aus, als ob das untergeordnete Element (SPAN-Element) seinen Stil vom übergeordneten Element (DIV) erbt. Dies ist jedoch nicht der Fall:

<html>
<head><style>
    div{color:red; text-decoration:underline;}
    span{color:blue; text-decoration:none;}
</style>
</head>
<body>
<div>This div has text decoration set to underline <span>, but this span
        has it set to none. </span> The div continues here.</div>
</body>
</html>

Informationen zu Standards

Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 1 (CSS1) (möglicherweise in englischer Sprache) definiert.

Gilt für

A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, FIELDSET, FORM, HN, HTML, I, INPUT TYPE=BUTTON, INPUT TYPE=FILE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OL, P, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP

Freigeben über