カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

★本ページはプロモーションが含まれています★

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  フィルタ

フィルタとは?
DirectXとは?
Internet Explorer4.0以上の場合の基本書式
Internet Explorer5.5以上の場合の基本書式
フィルタの設定
フィルタの対応
filter:〜alpha()   »» 半透明のフィルタをかける
filter:〜blur()   »» ぼかしを入れる
filter:〜chroma()   »» 特定の一色を透過して表示する
filter:〜dropshadow()   »» 影をおとす
filter:〜glow()   »» 発光しているように見せる
filter:〜emboss()   »» 浮き出したように表示する
filter:〜engrave()   »» 掘り込んだように表示する
filter:〜maskfilter()   »» マスクをかける
filter:〜motionblur()   »» ブレをつける
filter:〜shadow()   »» 影を伸ばす
filter:〜wave()   »» ウェーブをかける
filter:〜basicimage()   »» 様々な効果をまとめて指定する
filter:fliph()
  filter:flipv()
  »» 表示方向を反転させる
filter:gray()   »» グレースケールにする
filter:invert()   »» 色を反転させる
filter:xray()   »» X線フィルタをかける

■ filter:〜blur()  ぼかしを入れる

◆ IE5.5以上
filter:progid:DXImageTransform.Microsoft. blur(プロパティ)

プロパティ makeshadow
影として表示するかどうか(true、falseまたは1、0)
pixelradius
ぼかしの量(0〜100)
shadowopacity
ぼかしの濃度(0.0〜1.0)
enabled
フィルタを実行するかどうか(true、falseまたは1、0)

  • makeshadowは要素を影として表示するかどうかを指定します。trueを指定すると(表示)要素は
    黒で表示されます。デフォルトはfalse(表示しない)です。
  • pixelradiusはぼかしの効果が表示される領域を0〜100の間で指定します。
    デフォルトは2で、大きな値を指定すると、その効果を表示するためにボックス領域も大きくなるため
    レイアウトなどに注意する必要があります。
  • shadowopacityはぼかしの濃度を0.0〜1.0の間で指定します。
    デフォルトは0.75で数値が大きくなるほどぼかしが強くなり0.0では透明になります。
  • enabledはフィルタを実行するかどうかを指定します。
    trueまたは1の指定で実行、falseまたは0の指定ならばフィルタを実行しません。

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.


ykr414. All Rights Reserved.