Свойство textShadow
Пример style.textShadow
Добавьте тень к тексту:
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
Попробуйте сами »
Описание textShadow
Свойство textShadow задает или возвращает один или несколько эффектов тени для текста.
Поддержка textShadow
| Свойство | |||||
|---|---|---|---|---|---|
| textShadow | Да | 10.0 | Да | Да | Да |
Синтаксис textShadow
Вернуть свойство textShadow:
object.style.textShadow
Установите свойство textShadow:
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
Примечание: Свойство textShadow прикрепляет одну или несколько теней к тексту. Свойство представляет собой список теней, разделенных запятыми, каждое из которых указывается 2 или 3 значениями длины и необязательным цветом. Пропущенные значения длины равны 0.
Значение свойства textShadow
| Значение | Описание |
|---|---|
| none | Тень не рисуется. Это значение по умолчанию |
| h-shadow | Обязательно. Положение горизонтальной тени. Допускаются отрицательные значения |
| v-shadow | Обязательно. Положение вертикальной тени. Допускаются отрицательные значения |
| blur | Необязательно. Расстояние размытия |
| color | Необязательно. Цвет тени. Полный список возможных значений цвета см. в CSS Значения цвета |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали textShadow
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая собой разделенный запятыми список эффектов тени, применяемых к тексту элемента. |
| CSS Версия | CSS3 |
Ещё примеры textShadow
Вернуть свойство тень текста:
alert(document.getElementById("myP").style.textShadow);
Попробуйте сами »
Связанные страницы textShadow
CSS Учебник: CSS3 Текстовые эффекты
CSS Справочник: Свойство text-shadow