CSS свойства text-fill-color

Свойство text-fill-color задает цвет символов текста.

Если это свойство не установлено, используется значение свойства color.

Свойство text-fill-colorиспользуется вместе с расширением -webkit-.

Данное свойство пока не стандартизировано. Не используйте его при создании сайтов, так как оно не будет работать для всех пользователей. Также могут быть различия при использовании.

Значение по умолчанию	currentColor
Применяется	Ко всем элементам.
Наследуется	Да.
Анимируемое	Да. Цвет анимируем.
Версия	Compatibility Standard
DOM синтаксис	object.style.textFillColor = "#1c87c9";

Синтаксис

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style> 
      p {
      margin: 0;
      font-size: 1.5em;
      -webkit-text-fill-color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства text-fill-color</h2>
    <p>Lorem Ipsum - это текст-"рыба"...</p>
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
color	Задает цвет текстового контента элемента. Могут быть использованы названия цветов, цветовые коды hexadecimal, rgb(), rgba(), hsl(), hsla().
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.