filter: gray();

ブラウザ
  • IE
プロパティ
  • 独自拡張プロパティ
IE10以降は未対応となりました。

gray は、白黒にするフィルタです。


.example {
filter: gray();
}
  • このプロパティは、CSS 2では定義されていません。

使用例

フィルタなしの状態
<p><img src="example1.gif" alt="［サンプル］"></p>

［サンプル］

<div style="font: bold 170% sans-serif; color: red; width: 100%;">
フィルタの表示テスト
</div>
フィルタの表示テスト
白黒にする
<p><img src="example1.gif" alt="［サンプル］" style="filter: gray();"></p>

［サンプル］

<div style="font: bold 170% sans-serif; color: red; width: 100%; filter: gray();">
フィルタの表示テスト
</div>
フィルタの表示テスト