filter:dropshadow();
CSSの書き方
filter:dropshadow(color= ,offx= ,offy= positive= );
| CSSの詳細情報 | |||||
|---|---|---|---|---|---|
| プロパティ名 | filter:dropshadow(); | 読み方 | フィルター・ドロップシャドウ | ||
| 初期値 | offx=5/offy=5/positive=true(1) | 意味 | 文字に影を付ける（文字の影を落とす） | ||
| 値 | カラー指定/数値/キーワード | ||||
| 対象 | 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:dropshadow();」は文字に影を付ける（文字の影を落とす）フィルターです。
各項目と設定については以下の表をご覧ください。
なお、設定項目の一部は省略できます。
| 設定項目 | 内容 | 値 |
|---|---|---|
| color | 影の色 | カラー名/カラーコード |
| offx | 横方向の影のずれ | 負を含めた整数（ピクセル） |
| offy | 縦方向の影のずれ | 負を含めた整数（ピクセル） |
| positive | 影を反転させるかどうか | trueまたは1：影は反転しない falseまたは0：影を反転する |
CSS/HTMLサンプル
td { filter:dropshadow (color=red ,offx=3 ,offy=3 ,positive=true) ; }
dropshadowフィルターをtd要素に サンプル
