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 Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome edge firefox safari opera
1.0+ 12.0+ 49.0+ v 15.0+

Практикуйте свои знания

Что такое CSS свойство 'text-fill-color' и как оно работает?
Считаете ли это полезным?