CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS background-attachment 属性 CSS3 backface-visibility 属性

CSS background 属性の使用方法及び例

CSS background属性は、各背景属性を設定するショートカット属性であり、つまり、一つのショートカットショートカット属性であり、 background-image、background-position、background-size、background-repeat、background-attachment、background-origin、background-clipおよびbackground-color これらの単一の属性宣言。

以下のテーブルは、この属性の使用範囲とバージョン履歴をまとめています。

デフォルト値：	すべての属性値を確認する
適用：	すべての要素
継承：	ありません
アニメーション可能：	はい、速記の一部の属性はアニメーションを設定できます。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript 構文:	object　　　object.style.background="red url(smiley.gif) top left no-repeat"

background 背景の使用構文

この属性の構文は以下の通りです：

background:　[　image　position/size repeat attachment origin clip color] | initial | inherit

注意：上に記載されている属性がすべて欠けているか省略されている場合、その属性のデフォルト値（もしあれば）が挿入されます。詳細については、各属性を参照してください。

以下の例では、background属性の使用方法を示しています。

例

body　{background:　#ffff00　url("smiley.png")　no-repeat fixed center;}

テストして見て‹/›

CSS3中、1つの要素に複数の背景を追加することもできます。背景はz軸上で重なります。

例

.box　{
　　　　width:　100%;
　　　　height:　500px;
　　　　background:　url("images/birds.png")　no-repeat center,url("images/clouds.png")　no-repeat center,lightblue;
}

テストして見て‹/›

属性値

以下のテーブルでは、この属性の値を説明しています。

値	説明
background-attachment	背景がドキュメントのスクロールに従うか、ビューエリアに固定されるかを指定します。
background-color	要素の背景色を設定します。
background-clip	背景を描画するエリアを指定します。
background-image	要素に1つまたは複数の背景画像を設定します。
background-origin	背景画像の定位エリアを指定します。
background-position	背景画像の初期位置を設定します。
background-repeat	背景画像のサイズと位置を指定した後、どのようにタイルするかを指定します。
background-size	背景画像のサイズを指定します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素はその親要素のbackground属性の計算値を使用します。

ブラウザ互換性

background属性のブラウザの互換性、すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 3。5+

さらに詳しく

以下のチュートリアルを参照してください：CSS背景、CSS3背景。

CSS background-attachment 属性 CSS3 backface-visibility 属性