text-shadow
Тень за буквами текста.
Синтаксис
text-shadow: x y blur color;Значения
| Параметр | Тип | Описание |
|---|---|---|
| x y | length | Смещение по горизонтали и вертикали. |
| blur | length | Радиус размытия; 0 даёт чёткую тень. |
| color | color | Цвет тени. |
Примеры
Тень и свечение:
<p style="font-size: 28px; text-shadow: 2px 2px 3px gray;">Soft shadow</p>
<p style="font-size: 28px; color: white; text-shadow: 0 0 8px deepskyblue;">Glow</p>Примечания
Несколько теней перечисляют через запятую. Лёгкая тень помогает тексту оставаться читаемым поверх фотографии.
См. также
- box-shadow — Тень вокруг блока элемента.
- color — Цвет текста (а также цвет рамок и SVG-значков по умолчанию).
Вопросы и ответы по теме
В учебнике
- Тени и градиенты — Тени блоков и текста — box-shadow и text-shadow, линейные и радиальные градиенты, точки цвета.