Egenskapen text-decoration-line

Egenskapen text-decoration-line sätter placeringen av linjen för text. Egenskapen bör användas tillsammans med egenskaperna text-decoration-style och text-decoration-color. Dessa egenskaper utökar funktionaliteten hos egenskapen text-decoration, och är mer avancerade alternativ.

Syntax

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

Värden

Värde	Beskrivning
`underline`	Gör understruken text.
`line-through`	Gör genomstruken text.
`overline`	Gör en linje över texten.
`none`	Tar bort understrykning för 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.

Exempel

Låt oss stryka över texten med en röd linje:

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

#elem {
	text-decoration-style: solid;
	text-decoration-color: red;
	text-decoration-line: line-through;
}