background背景をまとめて設定
p { background: url(bkg.gif) blue 50% repeat fixed;}background-color/ background-image/ background-repeat/ background-attachment/ background-position の順。すべて略可
背景をまとめて表示します。
適用範囲:すべての要素
継承:しない
初期値:個々の属性の初期値
レベル:CSS_1.0:○ CSS_2.0:○
background-attachment背景画像の固定
body { background: white url(leftside.gif);
    background-attachment: fixed;}
scroll | fixed

scroll : 内容とともにスクロール(ディフォルト)

fixed : 常に固定

背景に画像を設定した場合、スクロールでするか、しないか(固定)を選択します。
適用範囲:すべての要素
継承:しない
初期値:scroll
レベル:CSS_1.0:○ CSS_2.0:○
background-color背景色
h1 { background-color: red;} aqua | gray | navy | silver | black |
green | olive | teal | blue | lime | purple |
white | fuchsia | maroon | red | yellow
h1 { background-color: #ff0000;} rrggbbで指定
h1 { background-color: #f00;} rgbで指定(#abcは#aabbccと同じ)
body { background-color: rgb(255, 0, 0)} 10進数強度(0〜255)で指定
body { background-color: rgb(100%, 0%, 0%);} 10進数比率(0%〜100%)で指定
背景の色を選択します。
何も無い設定しないばあいは、「透明」として処理されます。
適用範囲:すべての要素
継承:しない
初期値:transparent
レベル:CSS_1.0:○ CSS_2.0:○
background-image背景画像
body { background-image: url(http://uso.com/a.gif);} url(画像のURL)

URL は絶対パス もしくは 相対パス。

相対パスはCSSファイルの位置を基準

URLに空白を含むときはダブルクォーテーション(")またはシングルクォーテーション(\')でくくる

背景画像を設定します。設定できるのは、.gif .png .jeg が基本で、IE 系では bmp も設定できますが、利用は少ないです。
適用範囲:すべての要素
継承:しない
初期値:none
レベル:CSS_1.0:○ CSS_2.0:○
background-position背景画像の位置
body {
    background-image: url(a.gif);
    background-attachment: fixed;
    background-position: 50% 50%;}
パーセントで指定

最初の指定は左端から、次は上端からの値

一つの場合は、左端から、上端からの両方とも同じ値となる

p { background-image: url(a.gif);
    background-position: 2cm 3cm;}
数値で指定

最初の指定は左端から、次は上端からの値

一つの場合は、左端から、上端からの両方とも同じ値となる

body {background-image: url(back.gif);
    background-position: top center;}
left | center | right   top | center | bottom

left : 0%と同

center : 50%と同

right : 100%と同様

top : 0%と同様

center : 50%と同様

bottom : 100%と同様

背景に画像を設定した場合の、画像の位置を設定します。
適用範囲:すべての要素
継承:しない
初期値:0% 0%
レベル:CSS_1.0:○ CSS_2.0:○
background-repeat背景画像の並び
body { background: white url(leftside.gif);
    background-repeat: repeat-y;}
repeat | repeat-x | repeat-y | no-repeat

repeat : 背景を埋めつくす (初期値)

repeat-x : 一番上に横方向に1列

repeat-y : 左側に縦方向に1列

no-repeat : 1つだけ表示

背景に画像を設定した場合の画像の繰り返し表示を指定します。
繰り返しの表示は、X軸方向と、Y軸方向の2つがあり、それぞれ設定します。
適用範囲:すべての要素
継承:しない
初期値:repeat
レベル:CSS_1.0:○ CSS_2.0:○
color文字色
h1 { color: red;}aqua | gray | navy | silver | black |
green | olive | teal | blue | lime | purple |
white | fuchsia | maroon | red | yellow
h1 { color: #ff0000;} rrggbbで指定
h1 { color: #f00;} rgbで指定(#abcは#aabbccと同じ)
h1 { color: rgb(255, 0, 0);} 10進数強度(0〜255)で指定
h1 { color: rgb(100%, 0%, 0%);} 10進数比率(0%〜100%)で指定
文字の色を設定します。
適用範囲:すべての要素
継承:する
初期値:エージェント依存
レベル:CSS_1.0:○ CSS_2.0:○