|
★スタイルシートリファレンス
|
filter:progid:DXImageTransform.Microsoft.DropShadow(必要な値)･････ぼかしのない影をつける（IE5.5以上）
    
filter:dropshadow(必要な値)･････ぼかしのない影をつける（IE4以上）
 
filterプロパティのDropShadow()は、ぼかしのない影をつける際に使用します。 filter:dropshadow()の書式で指定する場合には、 paddingプロパティで影部分のスペースを確保してやる必要があります。 ■値
■使用例スタイルシート部分は外部ファイル（sample.css）に記述。p.sample1 img {filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#cccccc,Positive=1,OffX=10,OffY=10); } p.sample2 img { filter:dropshadow(Color=#cccccc,Positive=1,OffX=10,OffY=10); padding:10px; } HTMLソース<html><head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p> filterプロパティを適用していない画像<br> <img src="images/kaeru.gif"> </p> <p class="sample1"> フィルタ効果DropShadow()<br> <img src="images/kaeru.gif"> </p> <p class="sample2"> フィルタ効果DropShadow()<br> <img src="images/kaeru.gif"> </p> </body> </html> ↓↓↓ ブラウザ上の表示
filterプロパティを適用していない画像
フィルタ効果DropShadow()
フィルタ効果DropShadow() ■関連項目
BasicImage()･････透過・回転・反転・グレースケールなどを指定する
fliph()･････左右反転する flipv()･････上下反転する invert()･････色（色相・明度・彩度）を反転する xray()･････X線効果（グレースケールにして反転）を適用する Alpha()･････透過表示にする Chroma()･････特定の色を透明にする MaskFilter()･････指定した色でマスクをかける Glow()･････背後から光を当てたような効果を与える DropShadow()･････ぼかしのない影をつける Shadow()･････ぼかしのある影をつける Blur()･････ぼかす MotionBlur() / blur()･････方向を指定してぶれさせる Wave()･････波状に歪めて表示する Pixelate()･････モザイク表示にする Emboss()･････浮き彫り表示（エンボス）にする Engrave()･････彫り込み表示（エングレーブ）にする Matrix()･････二次元面を傾けたような表示にする Gradient()･････背景と内容の間にグラデーションの面を表示する zoom･･･････････拡大・縮小表示する（IE独自の仕様） |
|
©2012 HTMQ