Свойство 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>
<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>
Результат
Перечеркнутый текст
Линия находится над текстом
Подчеркнутый текст
