スタイルシート(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:影を反転する |
|
td { filter:dropshadow (color=red ,offx=3 ,offy=3 ,positive=true) ; }
dropshadowフィルターをtd要素に サンプル