backgroundプロパティ

backgroundプロパティの概要
機能	背景色、背景画像の定義
指定可能な値	background-color, background-image, background-repeat, background-attachment, background-positionの値
初期値	なし
継承	しない
適用可能なボックス	全て

背景に関するプロパティは、以下のように個別にスタイルを指定するためのプロパティが用意されています。

backgroundプロパティを使用すると、これら5つの背景に関するスタイルを一括、あるいは、一部のみ指定することができます。

ブラウザの中には、上の5つの個別のプロパティを受け付けないものもあるので、通常はbackgroundプロパティで一括指定するようにしてください。

以下にこれらのプロパティを一括指定する方法を紹介しますが、個々のプロパティの詳細については、詳細ページを参照してください。

背景に関するスタイルの一括指定

背景に関するスタイルを一括指定するには、値をスペースで区切って指定します。画像の表示位置に関すること（xとyの順序）を除けば、どのような順番で記述しても構いません。

入力例に使用した画像

背景色と背景画像を指定。背景画像はタイル状に配置させないようにしています。


body {
    background: #ccc url(back.gif) no-repeat;
}

背景画像を指定。背景画像はx軸方向のみに配置し、上から20px下に配置。画像はスクロールしても固定して表示しています。


body {
    background: 0px 20px repeat-x fixed url(back.gif);
}