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.
