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