СSS Свойство text-shadow
Определение и использование
Свойство text-shadow свойство добавляет тень к тексту.
Это свойство принимает разделенный запятыми список теней, которые будут применены к тексту.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | да |
| Анимируемый: | да Прочитайте о animatable Попробовать |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.textShadow="2px 5px 5px red" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
CSS Синтаксис
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
Примечание: Чтобы добавить в текст несколько теней, добавьте разделенный запятыми список теней.
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| h-shadow | Требуется. Положение горизонтальной тени. Допускаются отрицательные значения | Воспроизвести » |
| v-shadow | Требуется. Положение вертикальной тени. Допускаются отрицательные значения | Воспроизвести » |
| blur-radius | Необязательный. Радиус размытия. По умолчанию значение 0 | Воспроизвести » |
| color | Необязательный. Цвет тени. Смотреть на CSS Значение цвета для получения полного списка возможных значений цвета | Воспроизвести » |
| none | Значение по умолчанию. Никакой тени | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитайте о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитайте о inherit |
Примеры
Пример
Текст тени на белом тексте:
h1 {
color: white;
text-shadow: 2px 2px 4px #000000;
}
Редактор кода »
Пример
Текст тени с красным и синим неоновым свечением:
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
Редактор кода »
Связанные страницы
CSS Учебник: CSS Эффект текста
HTML DOM Справочник: Свойство textShadow
