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 соответственно. Их проще позиционировать, форматировать и на них действуют все анимационные свойства.

Поддержка браузеров

Свойство text-decoration-line не поддерживается в большинстве браузеров.

Свойство text-decoration-line в настоящее время не поддерживается большинством браузеров. Вам лучше избегать использования этого свойства.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.