② Вид линии оформления: свойство text-decoration-line

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

• ① Оформление линии: подчеркивание, обводка и зачеркивание

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

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-line определяет, какой тип линии, если таковые имеются, добавляется к элементу.

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

text-decoration-line

Значения:

• none - Ни оформляет, ни запрещает оформление текста. Значение по умолчанию.
• underline - Подчёркивает каждую строку текста.
• overline - Каждая строка текста имеет линию над ней (то есть на противоположной стороне от подчеркивания).
• line-through - Добавляет линию через середину каждой строки текста.
• inherit - Наследует значение свойства от родительского элемента.
• initial - Устанавливает значение свойства в значение по умолчанию.

Синтаксис

CSS

text-decoration-line: none;
text-decoration-line: underline;
text-decoration-line: overline;
text-decoration-line: line-through;
text-decoration-line: blink;
text-decoration-line: underline overline;  
text-decoration-line: overline underline line-through; 
text-decoration-line: inherit;
text-decoration-line: initial;

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