text-decoration-line

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
				6.0+

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

Значение по умолчанию	none
Наследуется	Нет
Применяется	Ко всем элементам
Ссылка на спецификацию	http://dev.w3.org/csswg/css-text-decor-3/#text-decoration-line

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3
			+

Описание

Определяет, как должна добавляться декоративная линия к тексту — подчеркивание, перечеркивание, над текстом. Одновременно можно добавлять несколько линий, перечисляя значения через пробел.

Синтаксис

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

Значения

line-through

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

overline

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

underline

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

none

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

Пример

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title> text-decoration-line </title>

<style>

a {

-moz-text-decoration-line: underline;

-moz-text-decoration-style: wavy;

-moz-text-decoration-color: red;

}

</style>

</head>

<body>

<a href="link1.html">Ссылка с подчёркиванием</a>

</body>

</html>

Браузеры

Firefox поддерживает свойство -moz-text-decoration-line.

Категория: Текст