Spec-Zone.ru › CSS

-webkit-text-fill-color

Свойство -webkit-text-fill-color CSS задаёт цвет заливки символов текста. Если это свойство не установлено, используется значение свойства color.

Синтаксис

/* <color> values */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #000000;
-webkit-text-fill-color: rgb(100 200 0);

/* Global values */
-webkit-text-fill-color: inherit;
-webkit-text-fill-color: initial;
-webkit-text-fill-color: revert;
-webkit-text-fill-color: revert-layer;
-webkit-text-fill-color: unset;

Значения

<color>

Цвет заливки переднего плана текстового содержимого элемента.

Формальное определение

Начальное значение currentcolor
Применяется к всем элементам
Наследуется да
Вычисленное значение вычисленный цвет
Тип анимации цвет цвета

Формальный синтаксис

-webkit-text-fill-color = 
<color>

Примеры

Изменение цвета заливки

CSS

p {
  margin: 0;
  font-size: 3em;
  -webkit-text-fill-color: green;
}

HTML

<p>This text is green.</p>

Результаты

Спецификации

Спецификация
Стандарт совместимости
# the-webkit-text-fill-color

Совместимость с браузерами

Рабочие столы Мобильные
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на IOS Samsung Internet WebView Android
-webkit-text-fill-color 1 12 49 15 3 18 49 15 2 1.0 37

См. также

  • Представление Text-Stroke на webkit.org (2006)
  • Статья CSS-Tricks, объясняющая эту функцию
  • -webkit-text-stroke-color
  • -webkit-text-stroke-width
  • -webkit-text-stroke

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API