/
Вопросы и ответы
/
CSS
/

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

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

4 года назад

Человек-Молекула

Ответы

0

Чтобы сделать обводку текста в 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

2 года назад

Алексей Алешин