目次を飛ばして本文へ パン屑リストへ
関連プロパティ
関連フィルタ

DropShadow

対象のシルエット(影)を作ります。
このフィルタは、背景関連プロパティが絡むと使い物になりません
progid:DXImageTransform.Microsoft.まで省略出来ますが、省略すると、フィルタによって拡大された領域が確保されず、切り取られます。
<div style="width:100%;
    filter:progid:DXImageTransform.Microsoft.DropShadow(offx=5, offy=-5, color='#99dddd');">
       フィルタの例です。</div>

Enabled

true | false
初期値 true

フィルタの使用可・不可を指定します。Boolean型のフィルタプロパティです。

キーワード解説
true
フィルタを使用可能にします。
false
フィルタを使用不可能にします。

Color

#00000000 〜 #FFFFFFFF
初期値 #FF404040

シルエット(影)の色を指定します。

8桁もありますが、初めの2桁はどの程度透過するかを指定します。00は完全に透過、FFは全く透過しません。

残りの部分はRGB値を普通に指定すれば良いです。RGB値の指定方法については、色の単位の項をご覧ください。尚、透過しないのであれば、色キーワードも使用可能なようです。

Positive

true | false
初期値 true

シルエット(影)の扱いを指定します。Boolean型のフィルタプロパティです。

キーワード解説
true
そのまま指定した色でシルエット(影)を描写します。
false
背景を指定した色にして、シルエット(影)を白で描きます。「背景」とはシルエット(影)の背景の事で、対象からOffX、OffY分ずれた位置に出来ます。

OffX

整数値
初期値 5

シルエット(影)を水平方向にどれだけ動かすかを指定します。正の値は右へ、負の値は左へ動かします。単位はピクセルになります。

OffY

整数値
初期値 5

シルエット(影)を垂直方向にどれだけ動かすかを指定します。正の値は下へ、負の値は上へ動かします。単位はピクセルになります。


page top
最終更新日:2018年07月18日
Copyright © 2002-2018 ばあど All Rights Reserved.