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

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
				6.0+

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

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

Версії CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Опис

Встановлює колір лінії, яка додається за допомогою властивості text-decoration.

Синтаксис

text-decoration-color: <колір>

Значення

Див. колір.

Приклад

HTML5CSS3IECrOpSaFx

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

У цьому прикладі посилання підкреслені червоною лінією.

Браузери

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

Текст

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

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

A: text-decoration-color в CSS використовується для задання кольору для лінії підкреслення або лінії лінії, якщо встановлено text-decoration: underline. Наприклад: text-decoration-color: blue;
Q: Де можна використовувати text-decoration-color в CSS?

A: text-decoration-color можна використовувати в CSS для задання кольору підкреслення тексту на веб-сторінці.
Q: Як задати кольороване підкреслення тексту за допомогою text-decoration-color?

A: Щоб задати кольороване підкреслення тексту за допомогою text-decoration-color в CSS, необхідно встановити text-decoration: underline і text-decoration-color: ваш_колір;
Q: Чи підтримують всі браузери властивість text-decoration-color в CSS?

A: Підтримка властивості text-decoration-color в CSS може відрізнятися залежно від браузера. Рекомендується перевіряти сумісність з різними браузерами.
Q: Чи можна використовувати text-decoration-color разом з text-decoration-line в CSS?

A: Так, можна використовувати text-decoration-color разом з text-decoration-line в CSS для налаштування стилів підкреслення тексту, наприклад: text-decoration-line: underline; text-decoration-color: red;