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