text-decoration

Internet Explorer		Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	8.0+	1.0+	3.5+	3.1+	1.0+	1.0+	1.0+

Краткая информация

Значение по умолчанию	none
Наследуется	Нет
Применяется	Ко всем элементам
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3
			+

Описание

Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.

Синтаксис

text-decoration: [ blink || line-through || overline || underline ] | none | inherit

Значения

blink

Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте. Это значение в настоящее время не поддерживается браузерами и осуждается в CSS 3, взамен рекомендуется использовать анимацию.

line-through

Создает перечеркнутый текст (~~пример~~).

overline

Линия проходит над текстом (пример).

underline

Устанавливает подчеркнутый текст (пример).

none

Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию.

inherit

Наследует значение родителя.

Пример

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title> text-decoration </title>

<style>

a {

text-decoration: none;/* Убираем подчеркивание у ссылок */

}

a:hover {

text-decoration: underline;/* Добавляем подчеркивание

при наведении курсора мыши на ссылку */

}

</style>

</head>

<body>

<p><a href="1.html">Стратегическое нападение</a></p>

</body>

</html>

Объектная модель

[window.]document.getElementById("elementID").style.textDecoration

[window.]document.getElementById("elementID").style.textDecorationBlink

[window.]document.getElementById("elementID").style.textDecorationLineThrough

[window.]document.getElementById("elementID").style.textDecorationNone

[window.]document.getElementById("elementID").style.textDecorationOverLine

[window.]document.getElementById("elementID").style.textDecorationUnderline

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit. Линия полученная с помощью значения line-through в IE7 располагается выше, чем в других браузерах; в IE8 эта ошибка исправлена.