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

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

Значение по умолчанию:	`none`
Применяется к:	Все элементы. Это также относится к `::first-letter` и `::first-line`.
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

text-decoration-line: none | [ underline | overline | line-through | blink ] one or more values | initial | inherit

Примеры написания кода свойства text-decoration-line:

p {
    -moz-text-decoration-line: underline; /* Firefox */
    text-decoration-line: underline; /* Standard syntax */
}
p.multiple {
    -moz-text-decoration-line: underline overline; /* Firefox */
    text-decoration-line: underline overline; /* Standard syntax */
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`none`	Текст не имеет украшения. Это значение установлено по умолчанию.
`underline`	Каждая строка текста подчеркнута.
`overline`	Каждая строка текста имеет строку над ней.
`line-through`	Каждая строка текста имеет линию через середину (перечеркнута).
`blink`	Заставляет текст «мигать» (чередуясь между видимым и невидимым). Лучше использовать animations.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `text-decoration-line`.

Часто, вместо использования свойства text-decoration-line со значением underline или overline лучше использовать border-bottom и border-top соответственно. Их проще позиционировать, форматировать и на них действуют все анимационные свойства.