background-position背景画像の表示開始位置を指定する
対応ブラウザ
- IE4
- IE5
- IE6
- IE7
- IEMac
- Netscape6
- Netscape7
- Firefox1
- Firefox2
- Opera6
- Opera7
- Opera8
- Opera9
- Safari1
- Safari2
仕様
CSS Level1
値
値 | 内容 |
---|---|
位置をキーワードで指定 | left,center,rightや、top,center,bottomなど位置を表すキーワード |
%値 | 背景画像の表示領域の左上から画像の左上の相対位置を、横方向、縦方向の順で指定します |
数値 | 背景画像の表示領域の左上から画像の左上の相対位置を、横方向、縦方向の順で指定します 数値にpxなどの単位をつけて指定する マイナスの値も可能です |
ブラウザバグなど
背景位置に種類の違う指定法を混ぜると無視される
Safariで背景画像がはみ出る
背景△上に戻る
background背景に関する指定をまとめて行う
background-attachment背景画像の固定・移動を指定する
background-color背景色を指定する
background-image背景画像を指定する
background-position背景画像の表示開始位置を指定する
background-position-x背景画像の横位置を指定する
background-position-y背景画像の縦位置を指定する
background-repeat背景画像のリピートの仕方を指定する
主要ブラウザに非対応