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

Значение по умолчанию: none
Применяется к: Все элементы.
Наследование: Нет
Анимирование: Да, так как некоторые подсвойства являются анимируемыми. Анимируемые свойства
Версия: CSS 1, 2, 3

Синтаксис

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

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

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

a {
    text-decoration: none;
}
h1 {
    text-decoration: overline;
}

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

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

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

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

Свойство text-decoration поддерживается во всех основных браузерах.

Свойство blink поддерживается только Firefox и Opera. Лучше избегать этого значения и использовать animations.

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

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

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

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

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