Тень текста CSS
- Предыдущая страница Интервал между словами CSS
- Следующая страница Шрифты CSS
Тень текста
text-shadow Атрибут добавляет тень к тексту.
Самый простой способ - указать только горизонтальную тень (2px) и вертикальную тень (2px):
Эффект тени текста!
Пример
h1 {
text-shadow: 2px 2px;
}
Далее добавьте цвет к тени (красный):
Эффект тени текста!
Пример
h1 {
text-shadow: 2px 2px red;
}
Затем добавьте размытие к тени (5px):
Эффект тени текста!
Пример
h1 {
text-shadow: 2px 2px 5px red;
}
Совет:Посетите Шрифты CSS Раздел, в котором рассматривается, как изменить шрифт, размер текста и стиль текста.
Совет:Посетите Эффекты текста CSS Раздел, в котором рассматривается, как реализовать различные текстовые эффекты.
Все 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 | Настройка интервала между словами. |
- Предыдущая страница Интервал между словами CSS
- Следующая страница Шрифты CSS
