background-position

background-position

背景画像の表示に際して基準となる位置を明示するためのプロパティ

指定出来る値

通常は「左右位置 上下位置」として二つの値を同時に指定する。

body { background-position: left top; }
center
表示基準の中央に背景画像を配置。このキーワード1つで値を指定した場合、50% 50%に相当する。
left
表示基準の左端に背景画像の左端を揃える。このキーワード1つで値を指定した場合、0% 0%に相当。
right
表示基準の右端に背景画像の右端を揃える。このキーワード1つで値を指定した場合、100% 0%に相当する。
top
表示基準の上端に背景画像の上端を揃える。このキーワード1つで値を指定した場合、0% 0%に相当する。
bottom
表示基準の上端に背景画像の上端を揃える。このキーワード1つで値を指定した場合、0% 100%に相当する。
<length>|<percentage>
左端、上端からの位置を数値または%で指定する。

初期値

0% 0%が初期値となっている。

* はてなダイアリーキーワード:background-position

Error : RSSが取得できませんでした。 Error : RSSが取得できませんでした。