box-shadow

Expression Studio 4.0
important noteImportant

This documentation is preliminary and is subject to change.

Sets a comma-separated list of shadows that attaches one or more drop shadows to the current box.

Syntax

{ box-shadow: sShadow }

Possible values

sShadow

String that specifies one of the following values

none

Default. Indicates there is no shadow.

shadow

A comma-separated list of shadows, each specified by two to four nonzero length values, an optional color, and an optional inset keyword. See Remarks for specific information about usage.

The property has a default value of none. It is not inherited.

Remarks

The box-shadow property can specify one or more drop shadows. The components of each shadow are interpreted as follows:

  • Required: The first length is the horizontal offset of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.

  • Required: The second length is the vertical offset. A positive value offsets the shadow down, a negative one up.

  • Optional: The third length is a blur distance. Negative values are not allowed. If the blur value is zero, the shadow's edge is sharp. Otherwise, the larger the value, the more the shadow's edge is blurred.

  • Optional: The fourth length is a spread distance. Positive values cause the shadow shape to expand in all directions by the specified radius. Negative values cause the shadow shape to contract.

  • Optional: The color is the color of the shadow.

  • Optional: An inset keyword, if present, changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it).

Standards information

This property is defined in CSS Backgrounds and Borders Module Level 3 Gg721768.xtlink_newWindow(en-us,Expression.40).png.

Applies to

a, address, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, ol, p, s, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.

Community Additions

ADD
Show: