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

определение и использование

свойство text-decoration-style устанавливает тип текстового декорирования (прямая линия, волновая линия, точечная линия, пунктирная линия, двойная линия).

подсказка:еще см. также: свойство text-decorationявляется сокращением для этих трёх свойств:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

еще см. также:

Урок CSS:Текст в CSS

Руководство по HTML DOM:textDecorationStyle атрибут

пример

установить различные типы стилей text-decoration:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

попробуйте сами

CSS синтаксис

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

значение атрибута

значение описание
solid по умолчанию. Линия отображается в виде одной линии.
double линия отображается в виде двойной линии.
dotted линия отображается в виде точечной линии.
dashed линия отображается в виде пунктирной линии.
wavy линия отображается в виде волн.
initial установить этот атрибут в его значение по умолчанию. См. также: initial.
inherit наследует этот атрибут от родительского элемента. См. также: inherit.

технические детали

по умолчанию: solid
наследование: нет
создание анимации: не поддерживается. См. также:свойства, связанные с анимацией.
Версия: CSS3
JavaScript синтаксис: object.style.textDecorationStyle="wavy"

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Числа с префиксом -moz- указывают на первую версию, использующую префикс.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0