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

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:〜dropshadow()  影を落とす

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

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

プロパティ offx
影の右方向への距離
offy
影の下方向への距離
color
影の色
positive
影の透過の有無(true、false又は、1、0)
enabled
フィルタを実行するかどうか(true、false又は、1、0)

影を落としたような立体的な効果を表現します。
  • offxで影の右方向への距離、offyで影の下方向への距離をピクセルで設定します。
    マイナスの値を指定すると、左方向、上方向への影となります。
  • 影の色はcolorで指定します。色の指定については こちらをご参照下さい。
  • positiveは影の透過の有無の設定をします。
    trueまたは1を指定すると不透明な影とし、falseまたは0を指定すると透明な部分を影とします。
  • enabledはフィルタの実行をするかどうかを指定します。
    trueまたは1を指定するとフィルタを実行し、falseまたは0を指定すると実行しません。

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.


ykr414. All Rights Reserved.