背景の設定

背景関連スタイルの指定をまとめて指定する

<background>は、背景関連スタイルの指定をまとめて指定できます。

<background-attachment>

<background-attachment>は、画面がスクロールされたとき、背景画像を同じ場所に固定するか、スクロールに伴って移動するかを指定できます。

値

fixed：背景画像が同じ場所に固定され、スクロールをしても動きません。
scroll：スクロールに伴って、背景画像も移動します。

<background-color>

<background-color>は、背景色を指定できます。

値

色：#000000などの記述やカラーネームで色指定。
transparent：初期値

サンプル

背景色を#FFCC66に設定した場合

<background-image>

<background-image>は、背景画像を指定できます。

値

URI：URIで画像ファイル指定。
none：初期値

サンプル

背景画像にbg_sample.gif設定した場合

<background-position>

<background-position･>は、背景画像の表示開始位置を指定できます。

値

キーワード（left、center、right、top、bottom）、％（左上からの距離）、数値（左上からの距離）

<background-repeat>

<background-repeat>は、背景画像のリピートの仕方を指定できます。

値

repeat（縦横に繰り返す）、repeat-x（横方向のみ繰り返す）、repeat-y（縦方向のみ繰り返す）、no-repeat（繰り返さない）