<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">filter (新しいスタイル)</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">なし</span> IE <span class="emphasis">5.5 (Win)</span> CSS <span class="emphasis">なし</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">継承 : なし</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Windows 版 IE 5.5 以降に付属の DXImageTransform ActiveX コントロールを使用して、要素のコンテンツを表示または変更するための静的フィルタまたはトランジションフィルタを設定します。新しいフィルタメカニズムの目的は、以前のスタイルの目的と同じですが、多くのフィルタ名と同様に ActiveX コントロールを呼び出す構文も新しくなっています。
</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 構文</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>filter:progid:DXImageTransform.Microsoft.<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>,...)
progid:DXImageTransform.Microsoft.<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">値</span></td>
				</tr>
				<tr>
					<td><p>各フィルタタイプの前には ActiveX コントロールへの参照を記述する必要があります (<span class="literal">progid:DXImageTransform.Microsoft.</span>)。1 つの <span class="literal">filter</span> スタイル属性の複数のフィルタタイプはスペースで区切ります。各フィルタタイプの後にはかっこを付けます。かっこ内には現在の要素に適用するフィルタの動作を制御するパラメータを指定できます。通常の場合、パラメータは名前と値のペアで構成されます。この際、名前と値の割り当てには等記号を使用します。トランジションを制御するフィルタタイプにも、要素の表示属性が変更されている間に表示を停止し、その後トランジションを再生するメソッドがあります。要素の表示属性の変更も、スクリプトで制御します。<span class="replaceable">filterType</span> の値とパラメータの詳細については、以下の「メモ」を参照してください。
</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">既定値</span></td>
				</tr>
				<tr>
					<td><p>なし</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">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>.fastStuff {filter:progid:DXImageTransform.Microsoft.MotionBlur(add=1,
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">適用先</span></td>
				</tr>
				<tr>
					<td><p>すべての要素</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">オブジェクト参照</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[
  "DXImageTransform.Microsoft.<span class="replaceable">filterName</span>"]</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>