Вёрстка сайтов | HTML, CSS, JS on Telegram: “Как сделать обводку для текста? Воспользуемся эт…”

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

Воспользуемся этим кодом:

<div class="text">Текст с обводкой.</div>

.text {
  font-size: 16px;
  -webkit-text-stroke: 1px red;
  -webkit-text-fill-color: transparent;
}

Данный способ не работает в IE. Для него нам следует задать тексту тени

.text {
  font-size: 16px;
  color: #fff;
  text-shadow:
    -0  -1px  0   #000000,
    0   -1px  0   #000000,
    -0   1px  0   #000000,
    0    1px  0   #000000,
    -1px -0   0   #000000,
    1px  -0   0   #000000,
    -1px  0   0   #000000,
    1px   0   0   #000000,
    -1px -1px 0   #000000,
    1px  -1px 0   #000000,
    -1px  1px 0   #000000,
    1px   1px 0   #000000,
    -1px -1px 0   #000000,
    1px  -1px 0   #000000,
    -1px  1px 0   #000000,
    1px   1px 0   #000000;
}

#полезности