СSS Свойство text-decoration
Пример
Установить различные текстовые оформления для элементы <h1>, <h2>, и <h3>:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
h3 {
text-decoration: underline
overline;
}
Попробуйте сами »
Определение и использование
Свойство text-decoration указывает оформление, добавленное к тексту, и является сокращенным свойством для:
- text-decoration-line (required)
- text-decoration-color
- text-decoration-style
| Значение по умолчанию: | none currentcolor solid |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет, см. раздел отдельные свойства. Прочитать о animatable |
| Версия: | CSS1, renewed in CSS3 |
| JavaScript синтаксис: | object.style.textDecoration="underline" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS Синтаксис
text-decoration: text-decoration-line text-decoration-color
text-decoration-style|initial|inherit;
Значения свойств
| Значение | Описание |
|---|---|
| text-decoration-line | Задает тип оформления текста для использования (например, как подчеркивание, надчеркивание, зачеркивание) |
| text-decoration-color | Задает цвет оформления текста |
| text-decoration-style | Задает стиль оформления текста (сплошной, волнистый, пунктирный, пунктирный-мелкий, двойной) |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Добавить больше оформления текста:
h1 {
text-decoration: underline overline dotted red;
}
h2 {
text-decoration: underline overline wavy
blue;
}
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Текс
HTML DOM Справочник: Свойство textDecoration
