|
★スタイルシートリファレンス
|
filter:progid:DXImageTransform.Microsoft.MaskFilter(Color=マスク色)･････指定した色でマスクをかける（IE5.5以上）
    
filter:mask(Color=マスク色)･････指定した色でマスクをかける（IE4以上）
 
filterプロパティのMaskFilter()は、指定した色でマスクをかける際に使用します。 マスクをかける範囲の画像やテキスト部分が透明となり、それ以外の部分はマスク色となります。 ■値
■使用例スタイルシート部分は外部ファイル（sample.css）に記述。p.sample1 {filter:progid:DXImageTransform.Microsoft.MaskFilter(color=green); } p.sample2 { filter:mask(color=green); } 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"> フィルタ効果MaskFilter()<br> <img src="images/kaeru.gif"> </p> <p class="sample2"> フィルタ効果MaskFilter()<br> <img src="images/kaeru.gif"> </p> </body> </html> ↓↓↓ ブラウザ上の表示
filterプロパティを適用していない画像
フィルタ効果MaskFilter()
フィルタ効果MaskFilter() ■関連項目
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