HTML теги
CSS властивості
ГлавнаяВластивості CSSАтрибут text-decoration-style в CSS

Атрибут text-decoration-style в CSS

357

Встановлює стиль декоративної лінії, яка додається до тексту через властивість text-decoration або text-decoration-line.

Коротка інформація

Значення за замовчуванням solid
Успадковується Ні
Застосовується До всіх елементів
Анімується Ні

Синтаксис 

<code>text-decoration-style: solid | double | dotted | dashed | wavy

Позначення

Опис Приклад
<тип> Вказує тип значення. <розмір>
A && B Значення повинні виводитися в зазначеному порядку. <розмір> && <колір>
A | B Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). normal | small-caps
A || B Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. width || count
[ ] Групує значення. [ crop || cross ]
* Повторювати нуль або більше разів. [,<час>]*
+ Повторювати один або більше разів. <число>+
? Вказаний тип, слово або група не є обов'язковим. inset?
{A, B} Повторювати не менше A, але не більше B разів. <радіус>{1,4}
# Повторювати один або більше разів через кому. <час>#

Значення

solid
Одинарна лінія.
double
Подвійна лінія .
dotted
Точкова лінія.
dashed
Пунктирна лінія.
wavy
Хвиляста лінія.

Пісочниця

-12-mobile is-12-tablet is-6-desktop playground-values"> 
div { color: #818991; text-decoration: underline; text-decoration-color: #084ca1; text-decoration-style: <span class="playground-active">{{ playgroundValue }}px</span>; }

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>text-decoration-style</title> <style> a {text-decoration: underline; text-decoration-style: wavy; text-decoration-color: red; }
</style>
</head>
<body> <a href="page/1.html">Посилання з підкресленням</a>
</body>
</html>

Об'єктна модель

Об'єкт.style.textDecorationStyle

Примітка

Firefox до версії 36 підтримує властивість -moz-text-decoration-style.

Safari підтримує властивість -webkit-text-decoration-style.

Специфікація

Специфікація Статус
CSS Text Decoration Module Level 3 Можлива рекомендація

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Браузери

79 57 44 8 6 36
80 6 36 46 8

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — властивість повністю підтримується браузером з усіма допустимими значеннями;
  •  — властивість браузером не сприймається та ігнорується;
  •  — при р Або можливо поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації. Число вказує версію браузера, починаючи з яка властивість підтримується.

    Текст і шрифт
© Htmlbook - довідник HTML і CSS, 2025. Працює на MaxSite CMS