※スタイルシート、スタイル属性の詳しい解説は、「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を指定すると透明部分にも影がつきます