Właściwość text-decoration-line

Właściwość text-decoration-line ustawia położenie linii tekstu. Właściwość należy używać łącznie z właściwościami text-decoration-style i text-decoration-color. Te właściwości rozszerzają działanie właściwości text-decoration, stanowiąc jej bardziej zaawansowane odpowiedniki.

Składnia

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

Wartości

Wartość	Opis
`underline`	Tworzy tekst podkreślony.
`line-through`	Tworzy tekst przekreślony.
`overline`	Tworzy linię nad tekstem.
`none`	Usuwa podkreślenie podkreślonego elementu. Najczęściej używane dla linków, ponieważ są one domyślnie podkreślone.

Wartość domyślna: none. Dla linków wartość domyślna: underline.

Przykład

Przekreślmy tekst czerwoną linią:

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;
}

Результат: