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

cssselektor {
  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:

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

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

Результат: