backgroundプロパティは、背景を一括指定します。
| 値 (value) |
以下の値を 半角空白で区切り、順不同で指定します。各値は省略可
| |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | 未定義 | |
| 継承 | しません | |
background-colorプロパティは、要素の背景色を指定します。
background-imageプロパティは、背景画像を指定します。
background-repeatプロパティは、背景画像の表示パターンを指定します。
| 値 (value) |
repeat | 画像を画面に敷き詰めます。 |
| repeat-x | 横方向に敷き詰めます。 | |
| repeat-y | 縦方向に敷き詰めます。 | |
| no-repeat | 敷き詰め無し。 | |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | repeat | |
| 継承 | 無し | |
background-attachmentプロパティは、スクロール時の背景画像の表示を指定します。背景画像（background-image）が指定されていないと、無意味です。
| 値 (value) |
scroll | スクロール時には、同時に背景画像もスクロールします。 |
| fixed | スクロール時にも、背景画像を固定します。 | |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | scroll | |
| 継承 | 無し | |
は背景画像です。ファイル名は haikei.png です。
XXXX はスタイルシート記述です。
| body | { | background | : | #fff | /* 背景色 白 */ | ||
| url(URI) | /* 背景画像指 */ | ||||||
| fixed | ; | /* 背景画像固定 */ | |||||
| color | : | #000 | ; | } | /* 表示色 黒 */ |
| body | { | background | : | #fff | /* 背景色 白 */ | ||
| url(URI) | /* 背景画像指 */ | ||||||
| no-repeat | /* 敷き詰め無し */ | ||||||
| fixed | ; | /* 背景画像固定 */ | |||||
| color | : | #000 | ; | } | /* 表示色 黒 */ |
| body | { | background | : | #fff | /* 背景色 白 */ | ||
| url(URI) | /* 背景画像指 */ | ||||||
| no-repeat | /* 敷き詰め無し */ | ||||||
| fixed | /* 背景画像固定 */ | ||||||
| X% Y% | ; | /* 表示位置 X% Y% */ | |||||
| color | : | #000 | ; | } | /* 表示色 黒 */ |
| body | { | background | : | #fff | /* 背景色 白 */ | ||
| url(URI) | /* 背景画像指 */ | ||||||
| fixed | /* 背景画像固定 */ | ||||||
| X% | /* 表示位置 X% */ | ||||||
| repeat-y | ; | /* 縦方向敷詰め */ | |||||
| color | : | #000 | ; | } | /* 表示色 黒 */ |
| body | { | background | : | #fff | /* 背景色 白 */ | ||
| url(URI) | /* 背景画像指 */ | ||||||
| fixed | /* 背景画像固定 */ | ||||||
| X% y% | /* 表示位置 X% y% */ | ||||||
| repeat-x | ; | /* 横方向敷詰め */ | |||||
| color | : | #000 | ; | } | /* 表示色 黒 */ |