HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


ぼかし影(CSSフィルター)

CSSの書き方

filter:shadow(color= ,direction= );

CSSの詳細情報
プロパティ名 filter:shadow(); 読み方 フィルター・シャドウ
初期値 direction=270 意味 ぼかした影を付ける
カラー指定/数値
対象 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:shadow();」は要素にぼかした影を付けるフィルターです。各項目と設定については以下の表をご覧ください。なお、設定項目の一部は省略できます。

設定項目 内容
color 影の色 カラー名/カラーコード
direction 影を付ける方向さ 0〜360までの整数。時計回りで角度を指定

CSS/HTMLサンプル

td { filter:shadow(color=green ,direction=135) ; }

shadowフィルターをtd要素に サンプル