filter:alpha();
CSSの書き方
filter:alpha(opacity= ,finishopacity= ,style= ,startx= ,starty= ,finishx= ,finishy= );
CSSの詳細情報 | |||||
---|---|---|---|---|---|
プロパティ名 | filter:alpha(); | 読み方 | フィルター・アルファ | ||
初期値 | すべての属性で「0」 | 意味 | 透明化グラデーション | ||
値 | 数値 | ||||
対象 | body/button/div/img/input/marquee/span/table/td/textarea/tfoot/th/thead/tr ※ただし、spanとdiv要素は「width」、「height」プロパティが指定されているか、「position:absolute;」が指定されていなければならない。 |
||||
CSSレベル | IE独自 | 対応ブラウザ | Windows | MAC | |
継承 | する | IE 5.0以上 | — |
解説
「filter:alpha();」はグラデーションしながら透明化させるフィルターです。
各項目と設定については以下の表をご覧ください。
なお、設定項目の一部は省略できます。
設定項目 | 内容 | 値 |
---|---|---|
opacity | 開始点の不透明度 | 0〜100までの整数(0が透明。100が不透明) |
finishopacity | 終了点の不透明度 | 0〜100までの整数(0が透明。100が不透明) |
style | グラデーションの形 | 0は一定、1は直線、2は放射線、3は長方形 |
startx | 不透明度の開始X座標 | 正の整数(0〜) |
starty | 不透明度の開始Y座標 | 正の整数(0〜) |
finishx | 不透明度の終了X座標 | 正の整数(0〜) |
finishy/td> | 不透明度の開始Y座標 | 正の整数(0〜) |
CSS/HTMLサンプル
img { filter:alpha(opacity=90 ,finishopacity=20 ,style=1) ; }
alphaフィルターをIMG要素に サンプル