-webkit-text-stroke-color

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

Синтаксис

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

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

Значения

<color>: Цвет обводки.

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

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

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

-webkit-text-stroke-color = 
  <color>

Примеры

Изменение цвета обводки

HTML

<p>Text with stroke</p>
<input type="color" value="#ff0000" />

CSS

p {
  margin: 0;
  font-size: 4em;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #ff0000; /* Can be changed in the live sample */
}

Результаты

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

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

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`-webkit-text-stroke-color`	1	15	49	15	3	18	49	15	2	1.0	37

См. также

Введение в Text-Stroke на webkit.org (2006)
Статья CSS-Tricks, объясняющая эту функцию
-webkit-text-fill-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-stroke-color