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

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:〜shadow()  影を伸ばす

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

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

プロパティ color
影の色
direction
影の伸びる方向(45度単位)
strength
影の長さ(1〜255)
enabled
フィルタを実行するかどうか(true、falseまたは1、0)

影をこすったように伸ばして表示します。
  • colorで影の色を指定します。色の指定方法については こちらをご参照下さい。
  • directionは影を伸ばす方向を角度で指定します。詳しくは下記の表をご参照下さい。
  • strengthは影の長さを1〜255の値で指定します。デフォルトは5です。
  • enabledはフィルタを実行するかどうかを指定します。
    true、1を指定するとフィルタを実行し、false、0を指定すると実行しません。
directionの値と影の方向
directionの値 0 45 90 135 180 225 270 315
影の方向 右上 右下 左下 左上

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.


ykr414. All Rights Reserved.