background

Values

none | numeric values + (inset)

Applicable to...

Block and Inline Elements

Inherited

Description

Defines one or more shadows for a box that can be either inside or outside. Multiple shadows are separated by commas. The four parameters that are used to define the shadow are (from first to last): horizontal distance, vertical distance, blur size, shadow size. Note that the shadow is cut around the element box, so an outer shadow is not visible "behind" an element if it has a transparent background!

Examples

.box{
box-shadow:2px 2px 1px 0px black;
}

.outer{
box-shadow:inset 0px 0px 0px 2px red, 1px 1px 1px 2px blue;
}

Compatibility

Chrome	Firefox	Internet Explorer	Opera	Safari
10.0+	4.0+	9.0+	10.5+	5.1+