text-decoration

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

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

CSS	CSS1+
Значение по умолчанию	none
Наследуется	Нет
Применяется	Ко всем элементам
Ссылка на спецификацию	открыть в новой вкладке

Описание

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

Синтаксис

Аргументы

blink - Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте (пример).

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

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

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

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

inherit - Значение наследуется у родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



      <html>

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

      <title>text-decoration</title>

      <style type="text/css">
A {

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

      }
A:hover {

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

      }

  </style>

  </head>

  <body>

    <p <a href="1.html">Lorem ipsum dolor sit amet</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 до восьмой версии включительно, хотя и позволяет использовать значение blink, текст показывает как обычно, без всякого мерцания.

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

text-decoration

Категории

Последние комментарии

	Русский
	English