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

■ ドロップシャドウ

フィルタを使用するとドロップシャドウ(影)が表現できます DIVタグSPANタグfilter属性を使用すれば、画像ソフトがなくても簡単に画像の影や影文字が表現できます。

ただし、この効果はWindows版のIE(インターネットエクスプローラ)4.0以降でないと表現できません。
また、スタイルシートを利用するためにドキュメントタイプ(DTD)を明言している場合も表現できない場合があります。
したがって、あまり凝った画面を使用するとそれ以外の環境で見ている方には、「肩透かし〜」となるのでご注意を!!

スタイルシートスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。

風船

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

【記述サンプル】
<DIV class="center" style="width:160; height:160; filter:dropshadow(color=#999999,offx=10,offy=10)">
<IMG src="../../images/exp/baloon.gif" alt="風船" width="128" height="128">
</DIV>

<DIV class="center" style="padding:10px; color:blue; font-size:24pt; width:400; height:40; filter:dropshadow(color=#cccccc,offx=5,offy=5)">
ドロップシャドウのテスト
</DIV>

page update:2010/01/23 20:32

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