CSSリファレンス: 背景
内容と枠内の部分（余白枠線の内側）に背景の設定を行います。
背景色
background-color: 値
値には以下のものが指定できます。
| カラーネーム | 色の名前で指定します。 |
|---|---|
| #16進数（6桁） | #に続けて16進数値6桁を指定します。 |
| #16進数（3桁） | 6桁の2桁づつが等しい場合には3桁で省略できます。 |
| RGB比 | RGB(Red, Green, Blue)をそれぞれ%で指定します。 |
| RGB数値 | RGB(Red, Green, Blue)をそれぞれ255までの10進で指定します。 |
| transparent | 透明にします。初期値です。 |
背景画像
background-image: 値
値には以下のものが指定できます。
| none | 背景画像なし |
|---|---|
| url(アドレス) | 画像ファイル名を含むURLアドレス |
背景画像の繰り返し
background-repeat: 値
値には以下のものが指定できます。
| repeat | 繰り返し |
|---|---|
| repeat-x | 横方向に繰り返し |
| repeat-y | 縦方向に繰り返し |
| no-repeat | 繰り返しなし |
背景画像を固定
background-attachment: 値
値には以下のものが指定できます。IE6以前は、背景固定はbody要素にしか使えません。
| scroll | 背景を固定しません。 |
|---|---|
| fixed | 背景を固定します。 |
背景画像の表示位置
background-position: 値
値には以下のものが指定できます。
| 数値 | 左上からの距離を横方向と縦方向の順で2つの数値で指定します。 |
|---|---|
| %値 | 左上からの距離を横方向と縦方向の順で2つの%値で指定します。 |
| left | 左 |
| right | 右 |
| top | 上 |
| bottom | 下 |
| center | 中央 |
まとめて指定
background: background-colorの値 background-imageの値 background-repeatの値 background-attachmentの値 background-positionの値
上記のスタイルをまとめて指定できます。
Programming Laboratory (Shio seminar)