[Sample:1]


<STYLE TYPE="text/css">
<!--
    BODY {background:#e9ffff url(bgimg01.gif) no-repeat center top fixed}
    H3 {background:linen url(../../soft/imgcpb1/backa01.gif) no-repeat center}
    P {background:coral url(../bgimg01.jpg) 3mm 10px}
    TABLE {background:url(../../soft/imgcpb1/backe06.gif) left repeat-y}
    DL {background:pink}
    DD {background:url(../../soft/imgcpb1/backe11.gif)}
-->
</STYLE>


スタイル 設定値 対応
background-color (color値)/transparent IE4/NN4
background-image (url)/none IE4/NN4
background-repeat repeat/repeat-x/repeat-y/no-repeat IE4/NN4
background-attachment scroll/fixed IE4
background-position (%指定)/(座標指定)/(キーワード指定) IE4
background 各値をスペースで区切り並べる IE4/NN4

設定値詳細

background-colorの設定値
・(color値)・・・RGB値(0〜255 又は0%〜100%で指定)/カラー名/#RGB
・transparent・・・透明。即ち親タグの背景色が反映する
background-imageの設定値
・(url)・・・背景画像ファイルの絶対/相対パスを指定
・none・・・背景画像を指定しない
background-repeatの設定値
・repeat(デフォルト)・・・ブロック要素の全体に,画像をタイル状に敷き詰める
・repeat-x ・・・ブロック要素の横方向にだけ,画像を並べる
・repeat-y・・・ブロック要素の縦方向にだけ,画像を並べる
・no-repeat・・・画像を1回だけ表示
background-attachmentの設定値
・scroll(デフォルト)     ・・・背景画像はスクロールする
・fixed     ・・・背景画像はスクロールしない(固定する)
background-positionの設定値
・%指定・・・ブロック要素内での相対的な割合で指定
・数値指定・・・ブロック要素の左上座標(0,0)からの距離を数値で指定(px,cm,mm)
・キーワード指定・・・横方向(left/center/right),縦方向(top/center/bottom)

END