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

Устанавливает стиль декоративной линии оформления текста, которая добавляется к тексту через свойство text-decoration или text-decoration-line.

CSS синтаксис

text-decoration-style: solid | double | dotted | dashed | wavy | initial | inherit;

Возможные значения

ЗначениеОписание
solidЗначение по умолчанию. Одмнарная сплошная линия.
doubleДвойная сплошная линия.
dottedТочечная линия.
dashedПунктирная линия.
wavyВолнистая линия.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем для текста внутри элемента <p> волнистую декоративную линию


p {
    -moz-text-decoration-style: wavy; /* Код для Firefox */
     text-decoration: underline;
}