③ Стиль линии оформления: свойство text-decoration-style

Продолжим изучение темы CSS3 - оформление текста. Если пропустили прошлые статьи, то вот ссылки на них:

• ① Оформление линии: подчеркивание, обводка и зачеркивание
• ② Вид линии оформления: свойство text-decoration-line

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

IE: —
Edge: —
Firefox: 36, 35 -moz-
Chrome: 57
Safari: 12.1, 7.1 -webkit-
Opera: 44
iOS Safari: 8 -webkit-
UC Browser for Android: 11.8
Chrome for Android: 73
Samsung Internet: 7.2

Свойство text-decoration-style определяет стиль линий, нарисованных для оформления текста, указанного в элементе. Значения имеют то же значение, что и для свойства border-style.

Свойство не наследуется.

text-decoration-style

Значения:

• solid - Добавляет отрезок простой линии. Значение по умолчанию.
• double - Две параллельные сплошные линии с небольшим промежутком между ними.
• dotted - Последовательность круглых точек.
• dashed - Последовательность прямоугольных штрихов.
• wavy - Указывает на волнистую линию.
• inherit - Наследует значение свойства от родительского элемента.
• initial - Устанавливает значение свойства в значение по умолчанию.

Синтаксис

CSS

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

Продолжение в следующей статье!