CSS свойство box-shadow
Поддержка браузеров
Описание
Свойство box-shadow добавляет один или более эффектов отбрасывания тени к элементу. Это свойство задается списком теней через запятую, для каждой тени указывается 2-4 значения длин, необязательное значение цвета и необязательное ключевое слово inset. Пропущенные значения длины приравниваются к нулю.
Первые 4 значения указанные в таблице значений записываются с помощью единиц измерения CSS.
Значение по умолчанию: |
none |
Наследуется: |
нет |
Версия: |
CSS3 |
Синтаксис JavaScript: |
object.style.boxShadow="10px 5px 5px #888888" |
Значения свойства
Значение |
Описание |
h-тень |
Обязательно. Позиция горизонтальной тени. Допустимы отрицательные значения. |
v-тень |
Обязательно. Позиция вертикальной тени. Допустимы отрицательные значения |
размытость |
Не обязательное значение. Расстояние размытия. |
протяженность |
Не обязательное значение. Размер тени. |
цвет |
Не обязательно. Цвет тени. |
inset |
Не обязательное значение. Изменяет внешнюю тень на внутреннюю. |
div#my
{
background-color:#1aa5ca;
width:200px;
height:100px;
box-shadow:5px 5px 5px black;
}
