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

Властивість text-decoration-style визначає стиль декоративної лінії.

Використовується разом з text-decoration-line i text-decoration-color. Якщо властивість не задана, оздоблення буде у вигляді суцільної лінії.

Якщо зазначене оздоблення має певний семантичний зміст, наприклад, рядок, що означає, що деякий текст було видалено, рекомендується позначити це значення за допомогою тега HTML, наприклад <del> або <s>. Оскільки в деяких випадках браузери можуть відключити стиль, семантичне значення в такій ситуації не зникне.

правити

Нотатка

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

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

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

Синтаксис

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

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

solid

Суцільна одинарна лінія. Без задання.

автор: Svitlana

правити

double

Подвійна лінія.

автор: Svitlana

правити

dotted

Лінія з точок.

автор: Svitlana

правити

dashed

Пунктирна лінія.

автор: Svitlana

правити

wavy

Хвиляста лінія.

автор: Svitlana

правити

initial

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

автор: Svitlana

правити

inherit

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

автор: Svitlana

правити

Переглядачі

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

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

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

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

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

Приклади

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

<p>Хвилясте підкреслення цього рядка.</p>

p {
    text-decoration-line: underline;
    text-decoration-style: wavy;
}