CSS Тень текста
Тень текста
Свойство text-shadow добавляет тень к тексту.
В простейшем случае вы указываете только горизонтальную тень (2px) и вертикальную тень (2px):
Эффект тени текста!
Затем добавьте цвет (красный) к тени:
Эффект тени текста!
Затем добавьте к тени эффект размытия (5px):
Эффект тени текста!
Совет: Перейдите к главе CSS Шрифты на нашем сайте W3Schools на русском, чтобы узнать, как изменить шрифты, размер и стиль текста.
Совет: Перейдите к главе CSS Эффекты текста на нашем сайте W3Schools на русском, чтобы узнать о различных текстовых эффектах.
Проверьте себя с помощью упражнений!
Все CSS свойства текста
| Свойство | Описание |
|---|---|
| color | Устанавливает цвет текста |
| direction | Задает направление текста / направление письма |
| letter-spacing | Увеличивает или уменьшает расстояние между символами в тексте |
| line-height | Устанавливает высоту строки |
| text-align | Задает горизонтальное выравнивание текста |
| text-decoration | Определяет украшение, добавленное к тексту |
| text-indent | Задает отступ первой строки в текстовом блоке |
| text-shadow | Определяет эффект тени, добавляемый к тексту |
| text-transform | Управляет заглавными буквами текста |
| text-overflow | Определяет, как пользователю следует сигнализировать о переполненном содержимом, которое не отображается |
| unicode-bidi | Используется вместе со свойством direction для установки или возврата, следует ли переопределить текст для поддержки нескольких языков в одном документе. |
| vertical-align | Устанавливает вертикальное выравнивание элемента |
| white-space | Определяет, как обрабатываются пробелы внутри элемента |
| word-spacing | Увеличивает или уменьшает расстояние между словами в тексте |
