Пример
Устанавливает оформление текста для элементов h1, h2, h3 и h4:<html>
<head>
<meta charset="utf-8" />
<style>
h1 { text-decoration:overline; }
h2 { text-decoration:line-through; }
h3 { text-decoration:underline; }
h4 { text-decoration:blink; }
</style>
</head>
<body>
<h1>Это заголовок 1</h1>
<h2>Это заголовок 2</h2>
<h3>Это заголовок 3</h3>
<h4>Это заголовок 4</h4>
</body>
</html>
Определение и использование
Свойство text-decoration указывает дополнительное оформление текста.
Примечание: Цвет оформления указывается с помощью свойства color.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | нет |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.textDecoration="overline" |
Поддержка браузеров
Свойство text-decoration поддерживается во всех ведущих браузерах.
Примечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".
Примечание: Значение "blink" не поддерживается в IE, Chrome и Safari.
Значения свойства
| Значение | Описание | Играйте |
|---|---|---|
| none | Определяет нормальный текст. Это по умолчанию | Играйте » |
| underline | Определяет подчеркнутый текст | Играйте » |
| overline | Определяет линию над текстом | Играйте » |
| line-through | Определяет перечеркнутый текст | Играйте » |
| blink | Определяет мигающий текст | Играйте » |
| inherit | Указывает, что значение свойства text-decoration должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
