HTML and CSS Reference
• WebKit-based browsers support this property as -webkit-columns .
• Safari documentation currently reverses the values from the CSS3 specification, but
in either case it does not consistently support width values regardless of the
position of values.
This Microsoft-proprietary property is used to apply visual effects to associated elements.
filter: filtername ( filtervalues ) ... filtername ( filtervalues )
where filternames is one of the numerous filters shown in Table 6-8 or transitions shown in
Table 6-9. It is possible to have multiple filters. They need to be separated by a space. The
filters are processed in order. Always place transitions last.
Transitions are different from filters in that they toggle between two display blocks and
function on the filter, updating the object's visibility , and then calling play() on the
filter. In this example, transition is the id of a div with image1 and image2 as children:
image1.style.visibility = "hidden";
image2.style.visibility = "visible";
Note that all transitions have the attributes duration , which is a number in seconds, and
enabled , which is true or false .
Alpha filter: progid:DXImageTransform.Microsoft.Alpha(style=2,
AlphaImageLoader filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
/* sizingmethod : crop | image | scale */
T ABLE 6-8 Microsoft Filter Summary