|
CSS3 Свойство text-shadow
 Полный CSS Справочник
Пример
Текст, отбрасывающий тень:
h1
{
text-shadow: 2px 2px #ff0000;
} |
Попробуйте сами »
Еще примеры внизу этой страницы.
|
Поддержка Браузерами
Свойство text-shadow поддерживается всеми основными браузерами, кроме Internet
Explorer.
Определение и ИспользованиеСвойство text-shadow добавляет тень к тексту.
| Значение по умолчанию: |
none |
| Наследуется: |
да |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.textShadow="2px 2px #ff0000" |
Синтаксис
| text-shadow: h-тень v-тень размывание цвет; |
Замечание: Свойство text-shadow присоединяет одну или более теней к тексту.
Значение свойства - список теней через запятую, каждая тень указывается 2 или 3
значениями длин и необязательным параметром - цветом. Пропущенные длины приравниваются к нулю.
| Значение |
Описание |
| h-тень |
Обязательный параметр. Положение горизонтальной тени. Допустимы отрицательные значения |
| v-shadow |
Обязательный параметр. Положение вертикальной тени. Допустимы отрицательные значения |
| размытость |
Не обязательный параметр. Расстояние размывания |
| цвет |
Не обязательный параметр. Цвет тени. Смотрите полный список с возможными значениями цветов в
Справочнике Значений Цветов CSS |
 |
Попробуйте сами - Примеры |
Тень текста с эффектом размывания
Этот пример демонстрирует размытую тень от текста.
Тень от белого текста
Этот пример демонстрирует использование свойства text-shadow на белом тексте.
Текстовая тень с неоновым светом
Этот пример демонстрирует текстовую тень с неоновым светом.
Смотрите ТакжеCSS3 уроки: CSS3 Текстовые Эффекты
Полный CSS Справочник
|
