filter:Gray(属性)

---

属性：

enabled

フィルタを設定するかどうかを指定 　0，false：フィルタを設定しない 　1，true ：フィルタを設定する

filterプロパティのGrayフィルタを使って、画像や文字を白黒にします。
これを指定すると、要素全体の色情報がなくなり白黒になります。
文字の場合は単なる黒い文字列になります。

DIV要素やSPAN要素に適用させる場合は、positionプロパティに「absolute」を指定するか、widthやheightプロパティを使って表示位置を指定する必要があります。
この指定をしなければフィルタの効果は現れません。



↑元の画像


↑白黒にしています

写真素材:(c)素材散策

<STYLE type="text/css">
<!--
.case1 { filter:Gray(); }
-->
</STYLE>

<IMG src="img/spr10_08_1.jpg" width="200" height="150" border="0"><BR>
↑元の画像<BR><BR>
<IMG src="img/spr10_08_1.jpg" width="200" height="150" border="0" class="case1"><BR>
↑白黒にしています