background-position プロパティ

　background-position プロパティは、背景画像の表示開始位置を指定するプロパティです。

　background-image による背景画像はデフォルトでは左上が表示開始位置で、繰り返し表示します。

背景画像の表示開始位置を中央（50%、50%）に（Exampleを参照）

background-position: 50% 50%;

　デフォルトの繰り返し表示を１回だけにするには background-repeat:no-repeat; と指定します。

　背景画像を一括して設定するには background プロパティを使用します。

構文(Syntax)

background-position: value;

値の取得

String=object.style.backgroundPosition

値の設定

object.style.backgroundPosition=_value_

Value	摘要
0% 0%	初期値（default value）、左上が開始位置
top,bottom,left,right,center	左記のkeywordを組み合わせる
x% y%	xは横方向の位置、yは縦方向の位置を割合で設定。0% 0%は左上の端。100% 100%は右下の端。もしも片方だけ設定するともう一方は50%になる。
xpx ypx	xは横方向の位置、yは縦方向の位置をCSSで使える単位で設定。0px 0pxは左上の端。もしも片方だけ設定するともう一方は50%になる。%と組み合わせることができる。
initial	初期値に戻す。
inherit	親エレメントのプロパティを継承。

　background-positionの表示例です。背景画像の表示位置が指定できます。ここでは背景画像の繰り返し表示をしない設定にして、中央に表示するように指定しています。

　以下は background-position プロパティに関連するプロパティです。