CSS Box-Shadow Property

CSS 1

CSS 2

CSS 3
No No Yes

Description

The ‘box-shadow’ property attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional ‘inset’ keyword. Omitted lengths are 0, omitted colors are a UA-chosen color.

Syntax

box-shadow: [value1] [value2] ...

Possible values

  • none
  • [shadow]

Initial Value

none

Applies To

All elements

Inherited

No

Media

Visual

Example

.class {
  box-shadow: 0.5em 0.5em red;
}

View All CSS Properties