September 23, 2000 - Defining a Filter in STYLE | WebReference

September 23, 2000 - Defining a Filter in STYLE

Yehuda Shiran September 23, 2000
Defining a Filter in STYLE
Tips: September 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

There are several ways to define a filter. The first method calls for a simple HTML element instantiation. Here is an example for the glow filter:

<DIV id=imgObj style="FILTER: progid:DXImageTransform.Microsoft.glow(Color=red,Strength=3); WIDTH: 150;">
This filter is defined in STYLE...element.
</DIV>

which yields the following text box:

This filter is defined in STYLE...element.
The second method is based on the STYLE element. You instantiate a filter by adding its single-word name to the filter attribute. Here is the same example from above, only this time the filter is defined in the STYLE element:

<STYLE>
   .divglow {
             filter: glow(Color=red,Strength=3); 
             width: 150;
            }
</STYLE>
<DIV CLASS="divglow">
This filter is defined in STYLE...element.
</DIV>

which yields the following text:

This filter is defined in STYLE...element.
Learn more about filters in Column 68, Introduction to Filters in IE 5.5 and Up.