text-decoration

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

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

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

Синтаксис CSS свойства:

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

Параметры CSS свойства:

ЗначениеОписание
blinkУстанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте
line-throughСоздает перечеркнутый текст
overlineЛиния проходит над текстом
underlineУстанавливает подчеркнутый текст
noneОтменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию
inheritначение наследуется у родителя

Объектная модель CSS свойства:

  1. [window.]document.getElementById("elementID").style.textDecoration
  2. [window.]document.getElementById("elementID").style.textDecorationBlink
  3. [window.]document.getElementById("elementID").style.textDecorationLineThrough
  4. [window.]document.getElementById("elementID").style.textDecorationNone
  5. [window.]document.getElementById("elementID").style.textDecorationOverLine
  6. [window.]document.getElementById("elementID").style.textDecorationUnderline

Особенности отображения в браузерах:

Браузер Internet Explorer до восьмой версии включительно, хотя и позволяет использовать значение blink, текст показывает как обычно, без всякого мерцания.

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


Баннер SGU.RU