※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。

■ ドロップシャドウ

スタイル属性を使用して特殊効果が指定できます。

ただし、Windows版のIE(インターネットエクスプローラ)4.0〜6.0のみ可能です。
NN(NetscapeNavigator)では、表現できません。
また、スタイルシートを利用するためにドキュメントタイプ(DTD)を明言している場合も表現できない場合があります。

風船

ドロップシャドウのテスト

【記述サンプル】
<div style="width:160; height:160; filter:dropshadow(color=#999999, offx=10, offy=10);">
<img src="../../images/exp/baloon.gif" alt="風船" style="width:128px; height:128px;">
</div>
<div style="padding:20px; color:blue;font-size:24pt;width:400; height:40; filter:dropshadow(color=#cccccc, offx=5, offy=5);">
ドロップシャドウのテスト
</div>
【 解    説 】

【記述例】
style="filter:dropshadow(color=#cccccc, offx=5, offy=5, positive=true)"

color=影の色コードを指定します
offx=横方向に指定ピクセル分影をずらします
offy=縦方向に指定ピクセル分影をずらします
positive=trueを指定すると透明部分にも影がつきます


page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom