CSS приклад: text-decoration-style

Інформація

Значення за замовчуваннямsolid
НаслідуєтьсяНі
ЗастосовуєтьсяДо всіх елементів
Посилання на специфікаціюhttp://dev.w3.org/csswg/css-text-decor-3/#text-decoration-style

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

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

Синтаксис

text-decoration-style: solid | double | dotted | dashed | wavy

Значення

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

Приклад

HTML5CSS3IECrOpSaFx

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

Браузери

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

Часті запитання

  • Q: Як використовувати text-decoration-style в CSS?

    A: text-decoration-style в CSS використовується для вказання стилю лінії, яка відображає підкреслення, лінію над текстом, лінію під текстом або лінію, що перекреслює текст.

  • Q: Де використовують text-decoration-style в CSS?

    A: text-decoration-style використовується в CSS для задання стилю декорації тексту, такої як підкреслення, перекреслення, лінія над текстом або під текстом.

  • Q: Які значення приймає text-decoration-style в CSS?

    A: text-decoration-style в CSS може приймати значення solid, double, dotted, dashed, wavy або initial.

  • Q: Як використовувати text-decoration-style разом із text-decoration-line в CSS?

    A: Для задання стилю та типу лінії декорації тексту використовують text-decoration-line для типу лінії та text-decoration-style для стилю лінії.

  • Q: Чи підтримує всі браузери властивість text-decoration-style в CSS?

    A: Не всі браузери підтримують властивість text-decoration-style в CSS на повній мірі. Рекомендується перевіряти сумісність з різними браузерами перед використанням.