JavaScript Kit > IE Filters reference > Here

DropShadow Filter

The DropShadow filter adds a solid silhouette (aka shadow) to a content, offset in the specified direction. Defined via IE's CSS filter property, here is its basic syntax:

Syntax:

filter :progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc);

Example using inline CSS:

<div style="width: 300px; height: 300px; background-color: black; color: white; filter:progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true);">Some DIV</div>

Syntax via scripting:

//To define a new DropShadow filter on an element
object.style.filter ="progid:DXImageTransform.Microsoft.dropShadow(color=#00ff00,offX=5,offY=5)"

//To get/set a property within the DropShadow filter:
object.filters.item("DXImageTransform.Microsoft.dropShadow").Color=#FF0000;

When getting or setting a specific filter's attribute via scripting, you capitalize the attribute to turn it into a property.

Below lists the attributes/properties of the DropShadow filter:

DropShadow Filter attributes (properties)