Закрыть   X

  •    
  •    
Печать

box-shadow

Автор: Алексей Елизаров.

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;	
}


 


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки