filter: chroma(***);

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

chroma は、特定の色を透過するフィルタです。


.example {
filter: chroma(color=#0000ff);
}

属性 値と説明
color 透過する色
(色の指定については、CSSの色指定をご覧ください)
  • このプロパティは、CSS 2では定義されていません。

使用例

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

[サンプル]

<div style="font: bold 170% sans-serif; width: 100%;">
フィルタの<span style="color: red;">表示</span>テスト
</div>
フィルタの表示テスト
透過
<p><img src="example1.gif" alt="[サンプル]" style="filter: chroma(color=#0080ff);"></p>

[サンプル]

<p><img src="example1.gif" alt="[サンプル]" style="filter: chroma(color=#000000);"></p>

[サンプル]

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