CSS 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 (Обязательно)
- text-decoration-color
- text-decoration-style
| Значение по умолчанию: | none currentcolor solid |
|---|---|
| Inherited: | no |
| Animatable: | no, see individual properties. Читайте о animatable |
| Version: | 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 Text
HTML DOM Справочник: textDecoration Свойство