Свойство 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 | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 1.0+ | 15.0+ | 49.0+ | ✓ | 15.0+ |
Практикуйте свои знания
What is the CSS property 'text-stroke-color' used for?
Правильный!
Неправильно!