- 関連プロパティ
- 関連フィルタ
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型のフィルタプロパティです。
Color
値 | #00000000 〜 #FFFFFFFF |
---|---|
初期値 | #FF404040 |
シルエット(影)の色を指定します。
8桁もありますが、初めの2桁はどの程度透過するかを指定します。00は完全に透過、FFは全く透過しません。
残りの部分はRGB値を普通に指定すれば良いです。RGB値の指定方法については、色の単位の項をご覧ください。尚、透過しないのであれば、色キーワードも使用可能なようです。
Positive
値 | true | false |
---|---|
初期値 | true |
シルエット(影)の扱いを指定します。Boolean型のフィルタプロパティです。
OffX
値 | 整数値 |
---|---|
初期値 | 5 |
シルエット(影)を水平方向にどれだけ動かすかを指定します。正の値は右へ、負の値は左へ動かします。単位はピクセルになります。
OffY
値 | 整数値 |
---|---|
初期値 | 5 |
シルエット(影)を垂直方向にどれだけ動かすかを指定します。正の値は下へ、負の値は上へ動かします。単位はピクセルになります。