Уласцівасць text-decoration-line

Уласцівасць text-decoration-line задае размяшчэнне лініі ў тэксце. Уласцівасць варта выкарыстоўваць сумесна з уласцівасцямі text-decoration-style і text-decoration-color. Гэтыя ўласцівасці пашыраюць дзеянне ўласцівасці text-decoration, з'яўляючыся больш прасунутымі аналагамі.

Сінтаксіс

cssселектар {
  text-decoration-line: underline | line-through | overline | none;
}

Значэнні

Значэнне	Апісанне
`underline`	Робіць падкрэслены тэкст.
`line-through`	Робіць перакрэслены тэкст.
`overline`	Робіць лінію над тэкстам.
`none`	Скасоўвае падкрэсліванне падкрэсленага элемента. Найчасцей выкарыстоўваецца для спасылак, так як яны па змаўчанні падкрэслены.

Значэнне па змаўчанні: none. Для спасылак значэнне па змаўчанні: underline.

Прыклад

Давайце перакрэслім тэкст чырвонай лініяй:

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

Результат: