background-position
| 対応ブラウザ | Internet Explorer 4～ / Firefox 1～ / Google Chrome 1～ / Safari 1～ / Opera 3.5～ | ||
|---|---|---|---|
| 初期値 | 0% 0% | 継承 | しない |
| 適用可能な要素 | すべて | ||
| 用例 |
|
||
background-positionとは
background-positionとは背景画像の表示開始位置を指定するプロパティです。
以下の値で指定します。
- 長さ
- 数値＋単位（px, %, pt, emなど）で左上からの位置を指定します。初期値は0% 0%です。負の値を指定することもできます。
水平方向にキーワードで指定する場合
- center
- 中央に表示します。
- left
- 左側に表示します。
- right
- 右側に表示します。
垂直方向にキーワードで指定する場合
- center
- 中央に表示します。
- top
- 上側に表示します。
- bottom
- 下側に表示します。
数値やパーセントを使う場合、横方向 縦方向の順で指定します。
なおどちらかを省略した場合、指定しなかった方の値は初期値の0%ではなくcenterとなります。
