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

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

Свойство text-decoration-line устанавливает тип текстового оформления (подчеркнутый, надстрочный, перечеркнутый) для использования.

Подсказка:同时 также пожалуйста обратитесь к свойству text-decoration , которое является сокращенной формой свойств text-decoration-line, text-decoration-style и text-decoration-color .

Примечание:Вы также можете комбинировать несколько значений, например underline и overline, чтобы отображать линии над и под текстом.

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

руководство по CSS:Текст в CSS

руководство по HTML DOM:textDecorationLine свойство

пример

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

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

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

CSS синтаксис

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

значение свойства

значение описание
none по умолчанию. Определяет, что text-decoration не имеет линии.
underline определяет отображение линии под текстом.
overline определяет отображение линии над текстом.
line-through определяет отображение линии через текст.
initial установить это свойство в его значение по умолчанию. См. также initial.
inherit инherited from its parent element. См. также inherit.

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

по умолчанию: none
наследование: нет
создание анимации: не поддерживается. См. также:свойства анимации.
версия: CSS3
JavaScript синтаксис: object.style.textDecorationLine="overline"

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

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

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

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