Egenskapen text-decoration

Egenskapen text-decoration lägger till olika effekter på text: understrykning, genomstrykning, linje ovanpå.

Syntax

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

Värde	Beskrivning
`underline`	Gör understruken text.
`line-through`	Gör genomstruken text.
`overline`	Gör en linje ovanför texten.
`none`	Tar bort understrykning på ett understruket element. Används oftast för länkar, eftersom de som standard är understrukna.

Standardvärde: none. För länkar är standardvärdet: 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;
}

egenskapen text-decoration-style,
som gör det möjligt att ändra linjetypen
egenskapen text-decoration-color,
som gör det möjligt att ändra linjefärgen
egenskapen text-decoration-line,
som gör det möjligt att ändra linjens position