Свойство CSS text-stroke-width

Свойство -webkit-text-stroke-width задаёт ширину обводки текста.

INFO

Свойство text-stroke-width не стандартизировано как отдельное свойство. Стандартное сокращённое свойство — text-stroke (CSS Text Level 4). Для широкой поддержки браузерами используйте вендорный префикс -webkit-.

Начальное значение	0
Применяется ко	Всем элементам.
Наследуется	Нет.
Анимация	Нет
Версия	CSS Text Level 4 (с вендорным префиксом)
Синтаксис DOM	object.style.webkitTextStrokeWidth = "1px";

Синтаксис

Значения CSS text-stroke-width

css

-webkit-text-stroke-width: length | initial | inherit;

Пример использования свойства text-stroke-width:

Пример кода CSS text-stroke-width

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      p, h2 {
        margin: 0;
        font-size: 4em;
        -webkit-text-stroke-color: #1c87c9;
      }
      .thin {
        -webkit-text-stroke-width: 1px;
      }
      .medium {
        -webkit-text-stroke-width: 3.5px;
      }
      .thick {
        -webkit-text-stroke-width: 1.3mm;
      }
    </style>
  </head>
  <body>
    <h2>Text-stroke-width property example</h2>
    <p class="thin">Lorem Ipsum </p>
    <p class="medium">Lorem Ipsum</p>
    <p class="thick">Lorem Ipsum</p>
  </body>
</html>

Try it Yourself »

Результат

Список значений CSS text-stroke-width

Примечание: Если поддерживается, используйте стандартное сокращённое свойство text-stroke вместо свойства с префиксом.

Значения

Значение	Описание
length	Задаёт толщину обводки.
initial	Устанавливает свойству значение по умолчанию.
inherit	Наследует свойство от родительского элемента.

Практика

Какое утверждение неверно относительно свойства CSS text-stroke-width?

Может применяться ко всем элементам.Это анимируемое свойство.Задаёт ширину обводки.

Свойство CSS text-stroke-width ​

Синтаксис ​

Пример использования свойства text-stroke-width: ​

Результат ​