backgroundプロパティ。
CSSに於ける要素の背景関連のプロパティの一括指定記法・background プロパティに関する解説です。
background プロパティ。
background プロパティは、要素の背景関連のプロパティの一括指定記法です。
すなわち、CSS第二水準(CSS 2)であれば、
を纏めて記述出来る方法です。
CSS第三水準(CSS 3)であれば、上記に加えて、
も纏めて記述出来る方法です。
backgroundプロパティの書式。
CSS第三水準で拡張された書式。
CSS第三水準では、background プロパティの書式は、以下のように拡張されます。
background: 値複数画像を用いる場合は、各画像毎に値を , で区切って列挙します。
値としては、以下のものが取れます。
background プロパティの記述例。
例えば、デフォルトの文字色を黒に、背景色を白に、背景画像に「HORIKITA_Maki,GIF」を画面の右下にスクロールしても動かないようにしたい場合は、
* {background-image: url('HORIKITA_Maki,GIF');background-color: #fff;background-attachment: fixed;background: right bottom;color: #000;}
などと記述しますが、backgroundプロパティを用いれば、
* {background: url('HORIKITA_Maki,GIF') #fff fixed right bottom;background-attachment: fixed;color: #000;}
などと記述出来ます。
- これは、全水準共通の記法となります。
background プロパティに関する注意事項。
background プロパティの仕様上(使用上？)の注意。
background プロパティで指定しなかったプロパティに関しては、デフォルト値に上書きされます。
従って、個別のプロパティ指定で background プロパティより前にて指定したものは、background プロパティでの指定に拘らず全て無効になってしまいます。
WAP 2.0での注意事項。
WAP 2.0では、background プロパティは必須ですが、KDDI/沖縄セルラーのEZウェブ対応端末に搭載されているミリアド社のWAP 2.0 ウェブブラウザ(オープンウェーヴ社から事業譲受)には background-position プロパティが実装されていないため、background-position プロパティの値は書かない事になります。