Saturday, 23 June 2012

how we can set box-shadow Property in html

div
{
box-shadow: 10px 10px 5px #888888;

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari
The box-shadow property is supported in IE9+, Firefox 4, Chrome, Opera, and Safari 5.1.1.
Safari supports an alternative, the -webkit-box-shadow property.

Definition and Usage

The box-shadow property attaches one or more drop-shadows to the box.
Default value: none
Inherited: no
Version: CSS3
JavaScript syntax: object.style.boxShadow="10px 10px 5px #888888"


Syntax

box-shadow: h-shadow v-shadow blur spread color inset;
Note: 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.

Value Description Play it
h-shadow Required. The position of the horizontal shadow. Negative values are allowed Play it »
v-shadow Required. The position of the vertical shadow. Negative values are allowed Play it »
blur Optional. The blur distance Play it »
spread Optional. The size of shadow Play it »
color Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values Play it »
inset Optional. Changes the shadow from an outer shadow (outset) to an inner shadow Play it »

No comments:

Post a Comment