5 августа буду в отъезде. отвечаю по возможности

Свойство text-decoration-style

Свойство text-decoration-style меняет тип линии над текстом: одиночная линия, двойная, в виде точек, в виде тире, волнистая линия.

Свойство следует использовать совместно со свойствами text-decoration-line и text-decoration-color. Эти свойства расширяют действие свойства text-decoration, являясь более продвинутыми аналогами.

Синтаксис

селектор { text-decoration-line: solid | double | dotted | dashed | wavy; }

Значения

Значение Описание
solid Сплошная линия.
double Двойная линия.
dotted Линия в виде точек.
dashed Линия в виде тире.
wavy Волнистая линия.

Значение по умолчанию: solid.

Пример . Значение wavy

Сейчас текст станет подчеркнутым красной волнистой линией:

<div id="elem"> Lorem ipsum dolor sit amet. </div> #elem { text-decoration-style: wavy; text-decoration-color: red; text-decoration-line: underline; }

:

Пример . Значение dotted

Сейчас текст станет подчеркнутым красной линией в виде точек:

<div id="elem"> Lorem ipsum dolor sit amet. </div> #elem { text-decoration-style: dotted; text-decoration-color: red; text-decoration-line: underline; }

:

Пример . Значение double

Сейчас текст станет перечеркнутым красной двойной линией:

<div id="elem"> Lorem ipsum dolor sit amet. </div> #elem { text-decoration-style: double; text-decoration-color: red; text-decoration-line: line-through; }

: