Как сделать обводку текста в css

Аватар пользователя Алексей Алешин
Алексей Алешин
31 марта 2023

Чтобы сделать обводку текста в CSS, используйте свойство text-stroke. Это свойство задает толщину и цвет обводки для текста.

Вот пример CSS кода для добавления:

.my-text {
  color: #000000; /* Цвет текста */
  -webkit-text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки */
  text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки (стандартное свойство) */
}

В этом примере класс .my-text применяется к элементу с текстом, и свойство -webkit-text-stroke задает толщину обводки в 1 пиксель и цвет белый (#FFFFFF) для браузеров, использующих движок WebKit (например Google Chrome). Свойство text-stroke указывает те же значения для браузеров, которые не используют движок WebKit.

Обратите внимание, что не все браузеры поддерживают свойство text-stroke, поэтому, возможно понадобится использовать префиксы для поддержки разных браузеров.

Проверить поддерживается ли это свойство в выбранном вами браузере можно на сайте canIUse

0 0