background-positionの解説|クロノドライブのCSS辞典

background-position

対応ブラウザ Internet Explorer 4~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 3.5~
初期値 0% 0% 継承 しない
適用可能な要素 すべて
用例
.style {
  background-position: left top;
}

background-positionとは

background-positionとは背景画像の表示開始位置を指定するプロパティです。
以下の値で指定します。

長さ
数値+単位(px, %, pt, emなど)で左上からの位置を指定します。初期値は0% 0%です。負の値を指定することもできます。

水平方向にキーワードで指定する場合

center
中央に表示します。
left
左側に表示します。
right
右側に表示します。

垂直方向にキーワードで指定する場合

center
中央に表示します。
top
上側に表示します。
bottom
下側に表示します。

数値やパーセントを使う場合、横方向 縦方向の順で指定します。
なおどちらかを省略した場合、指定しなかった方の値は初期値の0%ではなくcenterとなります。