text-decoration-style¶

Свойство text-decoration-style задает стиль линий, заданных text-decoration-line. Стиль применяется ко всем строкам, заданным с помощью text-decoration-line.

Демо¶

Если указанное украшение имеет определенное семантическое значение, например сквозная строка, означающая, что какой-то текст был удален, авторам рекомендуется обозначать это значение с помощью тега HTML, например <del> или <s>. Поскольку в некоторых случаях браузеры могут отключать стилизацию, смысловое значение в такой ситуации не исчезнет.

При одновременной настройке нескольких свойств line-decoration может оказаться более удобным вместо этого использовать сокращенное свойство text-decoration.

Синтаксис¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

/* Keyword values */
text-decoration-style: solid;
text-decoration-style: double;
text-decoration-style: dotted;
text-decoration-style: dashed;
text-decoration-style: wavy;

/* Global values */
text-decoration-style: inherit;
text-decoration-style: initial;
text-decoration-style: revert;
text-decoration-style: revert-layer;
text-decoration-style: unset;

Спецификация¶

• CSS Text Decoration Module Level 3

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

Комментарии