English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Референс

CSS @RULES

Полный список CSS-свойств

Метод использования и примеры CSS text-decoration

CSS-свойство text-decoration определяет декорацию текста, применяемую к содержимому элемента (например, подчеркивание, обводка и т.д.).

В таблице приведено описание использования и истории версий этого свойства, а также синтаксис использования этого свойства в скриптах на JavaScript.

Значение по умолчанию:Нет
Применяется к:Все элементы
Наследование:Нет
Анимация:Да, потому что некоторые свойства машинописи могут быть анимированы.Узнайте больше Свойства анимации.
Версия:CSS 1, 2, 3
JavaScript синтаксис:object.style.textDecoration="line-through"

Синтаксис использования text-decoration

Синтаксис использования text-decoration:

Синтаксис этого свойства: 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Сделать текст мерцанием (переключение между видимым и невидимым).
inheritЕсли указано, то связанный элемент принимает значение свойства text-decoration родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства text-decoration, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Предупреждение:blink поддерживается только Firefox и Opera для этого значения свойства. Не рекомендуется использовать это значение, рекомендуется использоватьАнимация, лучше всего избегать использования этого значения.

Дополнительное чтение

Узнайте больше из следующих руководств:CSS текст,CSS рамки,CSS3 анимации.

Свойства, связанные с текстом:letter-spacing,text-align,text-indent,text-overflow,text-shadow,text-transform,white-space,word-spacing.