CSS text-decoration-line Свойство
Пример
Задайте различные типы линий для оформления текста:
div.a
{
text-decoration-line: overline;
}
div.b
{
text-decoration-line: underline;
}
div.c
{
text-decoration-line: line-through;
}
div.d
{
text-decoration-line: overline underline;
}
Определение и использование
Свойство text-decoration-line задает тип оформления текста для использования (например, подчеркивание, перечеркивание, линия).
Совет: Кроме того, посмотрите на свойство Text-декорирование, которое представляет собой свойство с короткими руками для текста, декорирования строк, текста и декора, а также текст-украшение-цвет.
Примечание: Можно также объединять несколько значений, например, подчеркивание и перечеркивание, чтобы отображать линии как в тексте, так и под ним.
| Значение по умолчанию: | none |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.textDecorationLine="overline" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -МОЗ- укажет первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| text-decoration-line | 57.0 | Не поддерживается | 36.0 6.0 -moz- |
7.1 -webkit- | 44.0 |
Синтаксис CSS
text-decoration-line: none|underline|overline|line-through|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| none | Значение по умолчанию. Не указана линия для оформления текста | |
| underline | Указывает, что строка будет отображаться под текстом | |
| overline | Указывает, что строка будет отображаться над текстом | |
| line-through | Указывает, что строка будет отображаться через текст | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Text
HTML DOM Справочник: textDecorationLine Свойство