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


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

CSS властивість `text-decoration-color`

CSS властивість text-decoration-color працює тільки на елементах з видимим text-decoration.

Якщо не використовувати text-decoration-color, будь-яке підкреслення, як правило, відображатиметься в тому ж кольорі, що й підкреслений текст. Те саме стосується і перекресленого тексту та тексту з лінією над ним. text-decoration-color дозволяє вказати інший колір для тексту та його оздоблення.

Нотатка:

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

Нотатка:

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

Порада:

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

Синтакс

text-decoration-color: color|initial|inherit;

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

color

Колір оздоблення тексту.

initial

Встановлюється без задання.

inherit

Успадковує це значення від свого батьківського елемента.

Значення без задання: Співпадає з кольором тексту
Наслідує: Ні
Анімується: Так
JavaScript синтаксис: object.style.textDecorationColor="red"

Переглядачі

Переглядач
text-decoration-color

57.0

Не підтримується

36.0
6.0 -moz-

7.1 -webkit-

Не підтримується

44.0

Переглядач
text-decoration-color

Не підтримується

36.0
6.0 -moz-

8.0 -webkit-

Приклади


Приклад використання

Лінія під посиланням буде червоного кольору

<!DOCTYPE HTML>
<html>
  <head> 
  <meta charset="utf-8"> 
  <title>text-decoration-color</title> 
  <style> 
    a { 
      text-decoration-color: red; 
    } 
  </style> 
</head> 
<body> 
  <a href="page/1.html">Посилання</a> 
</body> 
</html>

Синтаксис властивості

p { 
  text-decoration: underline; 
  -moz-text-decoration-color: red; /* Для Firefox */ 
  text-decoration-color: red; 
} 

Додаткові посилання

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів