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

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:〜alpha()  半透明のフィルタをかける

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

◆ IE4.0以上
filter:alpha(プロパティ)

プロパティ opacity
スタート地点の不透明度(0〜100)
finishopacity
終了地点の不透明度(0〜100)
style
フィルタの種類(0〜3)
startx
スタート地点のX座標
starty
スタート地点のY座標
finishx
終了地点のX座標
finishy
終了地点のY座標
enabled
フィルタを実行するかどうか(true、false、、又は1、0)

  • opacity、finishopacityは透明である0から不透明の100までを整数値で指定します。
  • styleはフィルタの種類を指定します。1〜3を指定した場合スタートと終了地点の座標に従って
    グラデーションが形成されます。

    • 0はグラデーションなし
    • 1は扇状
    • 2は放射線状
    • 3は半透明処理

  • startx、startyはスタート地点で、finishx、finishyは終了地点の座標をそれぞれ要素の幅
    または高さの割合で指定します。(デフォルトは0)
  • finishopacity、startx、starty、finishx、finishyはstyle=1の場合のみ適用されます。
  • enabledはフィルタを実行するかどうかを指定します。
    trueまたは1を指定すると実行、falseまたは0を指定すると実行しません。

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.


ykr414. All Rights Reserved.