Die Eigenschaft text-decoration

Die Eigenschaft text-decoration fügt Text verschiedene Effekte hinzu: Unterstreichung, Durchstreichung, Linie oberhalb.

Syntax

Selector {
	text-decoration: underline | line-through | overline | none;
}

Wert	Beschreibung
`underline`	Erzeugt unterstrichenen Text.
`line-through`	Erzeugt durchgestrichenen Text.
`overline`	Erzeugt eine Linie über dem Text.
`none`	Entfernt die Unterstreichung eines unterstrichenen Elements. Wird am häufigsten für Links verwendet, da diese standardmäßig unterstrichen sind.

Standardwert: none. Für Links ist der Standardwert: underline.

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration: underline;
}

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration: line-through;
}

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration: overline;
}

die Eigenschaft text-decoration-style,
die es erlaubt, den Linientyp zu ändern
die Eigenschaft text-decoration-color,
die es erlaubt, die Linienfarbe zu ändern
die Eigenschaft text-decoration-line,
die es erlaubt, die Linienposition zu ändern