w3docs logo

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

Свойство text-stroke-width определяет ширину контура текста.

Свойство text-stroke используется только вместе с вендорным префиксом -webkit-.
Значение по умолчанию 0
Применяется Ко всем элементам.
Наследуется Да
Анимируемое Нет
Версия -
DOM синтаксис object.style.textStrokeWidth = "thin";

Синтаксис

text-stroke-width: length | initial | inheirt;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p {
      margin: 0;
      font-size: 4em;
      -webkit-text-stroke-color: #1c87c9;
      }
      .thin {
      -webkit-text-stroke-width: thin;
      }
      .medium {
      -webkit-text-stroke-width: 3.5px;
      }
      .thick {
      -webkit-text-stroke-width: 1.3mm;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства text-stroke-width</h2>
    <p class="thin">Lorem Ipsum </p>
    <p class="medium">Lorem Ipsum</p>
    <p class="thick">Lorem Ipsum</p>
  </body>
</html>

Значения

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

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

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

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

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