CSS свойство text-stroke-color

Свойство text-stroke-color определяет цвет контура символа. Значением по умолчанию для свойства text-stroke-color является значение по умолчанию свойства color.

Можете выбрать цвет отсюда: HTML Цвета.

Свойство text-stroke-color используется только вместе с вендорным префиксом -webkit-.
Значение по умолчанию currentColor
Применяется Ко всем элементам.
Наследуется Да
Анимируемое Да. Цвет анимируем.
Версия Compatibility Standard
DOM синтаксис object.style.textStrokeColor = "#8ebf42";

Синтаксис

text-stroke-color: color | initial | inheirt;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p {
      margin: 0;
      font-size: 3em;
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: #8ebf42; 
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства text-stroke-color</h2>
    <p>Lorem Ipsum - это текст-"рыба"...</p>
    <input type="color" value="#8ebf42">
  </body>
</html>

Значения

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

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

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

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

What is the CSS property 'text-stroke-color' used for?
Считаете ли это полезным?