CSS要素一覧

backgroundとは
backgroundとは背景色や背景画像などを一括で指定するプロパティです。
以下の値で指定します。

background-color の値
背景色を指定します。
background-image の値
背景画像を指定します。
background-repeat の値
背景画像の繰り返しを指定します。
background-position の値
背景画像の位置を指定します。
background-attachment の値
背景画像の貼り付け方法を指定します。

指定しなかったプロパティには初期値が使われるため、たとえば
background-image: url("bg.png");
background: #FFFFFF;
のように指定した場合、最初のbackground-imageの指定は無効となります。

background-attachmentとは
background-attachmentとは画面のスクロールバーに合わせて、背景画像を固定表示するかスクロールさせるかを指定するプロパティです。
以下の値で指定します。

scroll（初期値）
背景画像を固定せず、画面に合わせてスクロールさせます。
fixed
背景画像を固定します。画面がスクロールしても、背景画像はスクロールしません。

■background-colorとは
background-colorとは背景の色を指定するプロパティです。
以下の値で指定します。

transparent（初期値）
背景の色を透明に指定します。
色
色のコードまたはネームで、背景の色を指定します。

■background-imageとは
background-imageとは背景画像を指定するプロパティです。
以下の値で指定します。

none（初期値）
背景画像を表示しません。
URL
表示する画像のURL（URI）を指定します。

■background-positionとは
background-positionとは背景画像の表示開始位置を指定するプロパティです。
以下の値で指定します。

長さ
数値＋単位（px, %, pt, emなど）で左上からの位置を指定します。
初期値は0% 0%です。負の値を指定することもできます。

水平方向にキーワードで指定する場合

center
中央に表示します。
left
左側に表示します。
right
右側に表示します。

垂直方向にキーワードで指定する場合

center
中央に表示します。
top
上側に表示します。
bottom
下側に表示します。

数値やパーセントを使う場合、横方向 縦方向の順で指定します。
なおどちらかを省略した場合、指定しなかった方の値は初期値の0%ではなくcenterとなります。