CSS 参考マニュアル

CSS @ルール(RULES)

CSS 背景画像-position属性は、要素の背景-imageの初期位置（原点）。ショートカットを使用して背景属性は通常より便利です。

以下の表は、この属性の使用コンテキストとバージョンハイストリをまとめています。

デフォルト値：	0% 　0%
適用：	すべての要素
継承：	ありません
アニメーション可能：	はい。参照してください。アニメーション属性。
バージョン：	CSS 1、2、3
JavaScript文法:	object　　　object.style.backgroundPosition="center"

この属性の構文は以下の通りです：

背景-position:　[　percentage　|　length　|　left　|　center　|　right　]　1　または　2　values　|　initial　|　inherit

以下の例では、backgroundを使用する方法を示しています。-position属性。

例

p　{
　　　　背景-image:　url("images/smiley.png");
　　　　背景-position:　50%　center;
}

注意：1つの値のみ指定された場合、2番目の値は中心と仮定されます。2つの値を使用し、少なくとも1つがキーワードでない場合、1番目の値は水平位置、2番目の値は垂直位置を表します。

以下の表はこの属性の値を説明しています。

値	説明
bottom	垂直位置に相当します。100％。
center	指定されていない場合、水平位置と同じです。50％でない場合、垂直位置を指定します。50％。
left	水平位置の0％に相当します。
right	水平位置に相当します。100％。
top	垂直位置が0％です。
length	実際のピクセル長さ。例えば、値「 10px 2px「0px」の場合、画像の左上隅は要素の枠の右側に位置します。10pxの位置で、枠の左上隅の下にあります。20px。
percentage	要素のサイズのパーセンテージです。例えば、値「0％ 0％」を使用すると、画像の左上隅が要素の枠の左上隅に一致します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素の属性の計算値backgroundを使用します。-position。

背景-position属性のブラウザの互換性、すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 3。5+

以下のチュートリアルを参照してください：CSS 背景画像、CSS3背景。