Руководство CSS

Правила CSS (RULES)

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

Свойство text-decoration-style в CSS3 Свойство text-decoration-color в CSS3

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

Свойство text-decoration-line CSS определяет, какие узоры добавляются к элементу. Этот атрибут может принимать один или несколько разделенных пробелами значений.

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

Значение по умолчанию:	none
Применяется к:	все элементы. Также применяется к ::first-letter и ::first-line.
Инheritability:	нет
Анимированный:	Нет.См. также Атрибут анимации.
Версия:	Новая функция CSS3
Синтаксис JavaScript:	объект.style.textDecorationLine="underline"

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

Синтаксис этого свойства следующий:

text-decoration-line:　none　|　[　underline　|　overline　|　line-through　|　blink　]　one　or　more　values　|　initial　|　inherit

Ниже приведены примеры того, как использовать свойство text-decoration-line.

Пример

p　{
　　　　-moz-text-decoration-line:　underline;　/*　Firefox　*/
　　　　text-decoration-line:　underline;　
}
p.multiple　{
　　　　-moz-text-decoration-line:　underline　overline;　/*　Firefox　*/
　　　　text-decoration-line:　underline　overline;　
}

Проверьте, как это работает‹/›

Значение свойства

В таблице ниже описаны значения этого свойства.

Значение	Описание
none	Текст без декорации. Это значение по умолчанию.
underline	Каждая строка текста имеет подчеркивание.
overline	Над каждой строкой текста есть линия.
line-through	В центре каждого строки текста есть линия.
blink	Сделать текст мерцанием (переключение между видимым и невидимым). Не рекомендуется использовать это значение, рекомендуется использоватьАнимации.
initial	Установить этот свойство по умолчанию.
inherit	Если указано, то связанный элемент принимает значение свойства text-decoration-line родительского элемента.

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

text-decoration-line Большинство браузеров не поддерживают этот свойство.

	Firefox 6+ ^-moz-, 36+ Google Chrome× Internet Explorer × Apple Safari × Opera ×

Предупреждение:text-decoration-line Большинство браузеров в настоящее время не поддерживают этот свойство. Лучше всего избегать использования этого свойства.

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

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

Связанные свойства:text-decoration,text-decoration-color,text-decoration-style.

Свойство text-decoration-style в CSS3 Свойство text-decoration-color в CSS3