Свойство boxShadow
Пример style.boxShadow
Добавьте тень блока к элементу div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";
Попробуйте сами »
Описание boxShadow
Свойство boxShadow задает или возвращает тени элемента бокса.
Поддержка boxShadow
| Свойство | |||||
|---|---|---|---|---|---|
| boxShadow | Да | 9.0 | Да | 5.1 | Да |
Синтаксис boxShadow
Вернуть свойство boxShadow:
object.style.boxShadow
Установите свойство boxShadow:
object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"
Примечание: Свойство boxShadow прикрепляет одну или несколько теней к коробке. Свойство представляет собой разделенный запятыми список теней, каждое из которых указано 2-4 значениями длины, необязательным цветом и необязательным ключевым словом inset. Пропущенные длины равны 0.
Значение свойства boxShadow
| Значение | Описание |
|---|---|
| none | Значение по умолчанию. Тень не отображается. |
| h-shadow | Обязательно. Положение горизонтальной тени. Допускаются отрицательные значения. |
| v-shadow | Обязательно. Положение вертикальной тени. Допускаются отрицательные значения. |
| blur | Необязательно. Расстояние размытия |
| spread | Необязательно. The size of shadow |
| color | Необязательно. Цвет тени. Значение по умолчанию — черный. Полный список возможных значений цвета см. в CSS Значения цвета. Примечание: В Safari (на ПК) параметр цвета является обязательным. Если цвет не указан, тень вообще не отображается. |
| inset | Необязательно. Изменяет тень с внешней тени (начальной) на внутреннюю тень |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали boxShadow
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство box-shadow элемента. |
| CSS Версия | CSS3 |
Связанные страницы boxShadow
CSS Справочник: Свойство box-shadow