«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS


Свойство text-decoration добавляет определенные возможности в оформлении текста.

Это свойство применимо ко всем элементам.

Значение свойства text-decoration

- blink - текс мигает – исчезает и через некоторое время (примерно секунда) снова появляется (в настоящее время не поддерживается браузерами и осуждается в CSS3),

- line-through – перечеркивание текста,

- overline - линия проходит над текстом,

- underline – подчеркивание текста,

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

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- none

Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство text-decoration </title>

<style type="text/css">
p{font-size:18px; color:#FF3333;}
</style>

</head>
<body>

<p style="text-decoration:line-through;"> Перечеркнутый текст </p>
<p style="text-decoration:overline;"> Линия находится над текстом </p>
<p style="text-decoration:underline;"> Подчеркнутый текст </p>

</body>
</html>
Результат

Перечеркнутый текст

Линия находится над текстом

Подчеркнутый текст




Все cвойства CSS

Тематические публикации

CSS по шагам

Тематические публикации