項目 |
属性 |
値の候補 |
背景の色を指定 |
background-color |
色名か#rrggbb方式 |
背景に画像を貼る |
background-image |
url(○○.gif)
背景に画像や写真を使う方法です |
背景画像を固定する |
background-attachment |
fixed 背景固定
scroll 背景固定しない(デフォルト) |
背景画像の繰り返し制御 |
background-repeat |
repeat 画面全体に繰り返す
repeat-x 水平(横)方向のみ繰り返す
repeat-y 垂直(縦)方向のみ繰り返す
no-repeat 繰り返さない 1点だけ表示
小さい画像等の貼り付けの繰り返し指定です |
背景画像の位置を決める
(1画像だけ貼る) |
background-position |
◆キーワードで指定
[ left center right ](1つ目)
[ top center bottom ](2つ目)
1つだけ値を指定した場合、その値は水平方向の位置を指定したとみなされ、垂直方向の位置は自動的に50%に設定されます
2つの値を指定した場合は、1つ目の値が水平方向、2つ目の値が垂直方向の位置を表します スペースで区切ります
◆数値で指定 ( % px pt 等 )
1つだけ値を指定した場合、その値は水平と垂直両方向に指定されます
2つの値を指定した場合は、キーワードの時と同じです |