スタイルシート裏の裏


第2章 スタイルシートの書き方


2-5.背景

背景のプロパティには以下のものがあります
background-color
background-image
background-repeat
background-attachment
background-position

background-color

背景の色を指定します。

 h1 { background-color : pink ; } 

background-image

背景画像を指定します。SPANタグなどにも使用できますが、NN4.0の場合はTABLEタグやTRタグには使用できないそうです。

 body { background-image : url(./image/title.gif) ; }

background-repeat

背景画像の並べかたを repeat(敷き詰める):デフォルト, repeat-x(横方向のみ), repeat-y(縦方向のみ), no-repeat(ひとつだけ)のいずれかで指定します。


background-attachment

ウィンドウのスクロールを動かした時の背景の動作を scroll(一緒にスクロールする):デフォルト, fixed(スクロールしない)のいずれかで指定します。NN4.0ではまだサポートされていないそうです。


background-position

背景の横方向の位置を left:デフォルト, center, right, 0〜100% で、スペースで区切って縦方向の位置を top:デフォルト, center, bottom, 0〜100% で指定します。background-attachment:fixed; と共に指定すると、背景画像の表示位置を指定することができます。


一括定義

background: color image repeat attachment positionのように間に半角スペースを入れて並べ、一括定義も可能です。

body {   
     background: white url(xx.gif) no-repeat fixed 50% 50%;
}

Indexに戻る ==== 前のページに戻る ==== 次のページへ