CSS >  フィルタ(IE5.5〜 DirectX) 

filter:progid:DXImageTransform.Microsoft.DropShadow();

ドロップシャドウ(ぼかしのない影)を指定できます。


  • () の中には以下の属性をカンマ(,)で区切って指定する。
  • color=
    • 影の色を指定。
  • offx=
    • 影を表示する位置をX座標で指定。
  • offy=
    • 影を表示する位置をY座標で指定。
  • positive=
    • 0 (false 影が透明になって背景が不透明になる)
    • 1 (true デフォルト)
  • enabled=
    • 0 (false フィルタを実行しない)
    • 1 (true フィルタを実行 デフォルト)

使用例

<P style="
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#ffcccc,offx=5,
offy=-4,positive=0);width:440px;font-size:40px;color:#669900;font-family:
Impact;text-align:center;">

D r o p S h a d o w</P> <IMG src="girl.gif" alt="ドロップシャドウサンプル" width="100" height="100" style="filter:progid:DXImageTransform.Microsoft.DropShadow( color=#669900,offx=10,offy=10);">

D r o p S h a d o w

ドロップシャドウサンプル



   ⇒ 

Top Page   Menu   Back