<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">filter (old style)</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4(Win)</span> CSS <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: No</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Sets the visual, reveal, or blend filter used to display or change
content of an element. A visual filter can be applied to an element
to produce effects such as content flipping, glow, drop shadow, and
many others. A reveal filter is applied to an element when its
visibility or appearance changes. The value of the reveal filter
determines what visual effect is to be applied to the transition from
hidden to shown (or vice versa). This includes effects such as wipes,
blinds, and barn doors. A blend filter sets the speed at which a
transition between visibility states occurs.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>filter: <span class="replaceable">filterType1</span>(<span class="replaceable">paramName1</span>=<span class="replaceable">value1</span>, <span class="replaceable">paramName2</span>=<span class="replaceable">value2</span>,...)
        <span class="replaceable">filterType2</span>(<span class="replaceable">paramName1</span>=<span class="replaceable">value1</span>,...) ...</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Each filter attribute may have more than one space-delimited filter
type associated with it. Each filter type is followed by a pair of
parentheses, which may convey parameters about the behavior of the
filter for the current element. A parameter generally consists of a
name/value pair, with assignment performed by the equals symbol. See
the "Notes" section below for
details on <span class="replaceable">filterType</span> values and
parameters.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>.fastStuff {filter: blur(add=true, direction=225)}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">body</span>, <span class="literal">button</span>,
<span class="literal">img</span>, <span class="literal">input</span>,
<span class="literal">marquee</span>, <span class="literal">table</span>,
<span class="literal">td</span>, <span class="literal">textarea</span>,
<span class="literal">tfoot</span>, <span class="literal">th</span>,
<span class="literal">thead</span>, <span class="literal">tr</span>, and
absolute-positioned <span class="literal">div</span> and
<span class="literal">span</span> elements.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").filters["<span class="replaceable">filterName</span>"]</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>