атрибут_style boxShadow

определение и использование

boxShadow атрибут устанавливает проекцию (drop-shadow) для элемента рамки.

ещё см.

CSS-руководствоатрибут box-shadow

пример

добавить box-shadow к элементу div:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

попробуйте сами

грамматика

возврат атрибута boxShadow:

объект.style.boxShadow

установить атрибут boxShadow:

объект.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

замечание:boxShadow атрибут добавляет одну или несколько теней к рамке. Этот атрибут представляет собой список теней, разделённых запятыми, каждая тень определяется двумя-четырьмя значениями длины, опциональным значением цвета и опциональным ключом inset. Пропущенные значения длины равны 0.

значение атрибута

значение описание
none по умолчанию. Тень не отображается.
h-shadow обязателен. Горизонтальное положение тени. Допускаются отрицательные значения.
v-shadow обязателен. Вертикальное положение тени. Допускаются отрицательные значения.
blur опционально. Расстояние размытия.
spread опционально. Размер тени.
color

опционально. Цвет тени. Значением по умолчанию является чёрный.

смотрите CSS-цветовые значениядля получения полного списка возможных значений цветов.

подсказка:в Safari (на ПК),color параметр обязательный. Если не указать цвет, тень не будет отображаться.
inset опционально. Измените внешнюю тень (outset) на внутреннюю тень.
initial установите этот атрибут в его значение по умолчанию. См. initial。
inherit переходит от родительского элемента. См. inherit。

технические детали

по умолчанию: нет
возвратное значение: строка, представляющая атрибут box-shadow。
Версия CSS: CSS3

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 9.0 Поддержка 5.1 Поддержка