css властивість text-decoration-line

CSS властивість text-decoration-line визначає розміщення декоративної лінії - під текстом, посередині, над текстом.

Одночасно дозволено застосовувати більш декілька стилів, перераховуючи значення через пропуск.

правити

Нотатка

При одночасному налаштуванні декількох властивостей оздоблення рядка, можливо, буде зручніше скористатися властивістю text-decoration.

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Властивість text-decoration-line може отримувати 6 значень:

none

Текст без декоративної лінії. Без задання. Примітка: Підкреслення у посилань, теж, зникне.

автор: Svitlana

правити

underline

Підкреслений текст.

автор: Svitlana

правити

overline

Декоративна лінія над текстом.

автор: Svitlana

правити

line-through

Перекреслений текст.

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивості від свого батьківського елемента.

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
text-decoration-line	57.0	36.0 <br> 6.0 -moz-	7.1 -webkit-	44.0	Не підтримується	Не підтримується

Підтримка: мобільні переглядачі

Переглядач
text-decoration-line	Не підтримується	36.0 <br> 6.0 -moz-	8.0 -webkit-

Приклади

+ запропонувати свій приклад у пісочниці

<p>Лінія над цим рядком.</p>

p {
    text-decoration-line: overline;
}