スマートフォン用の表示で見る

background-position

ウェブ

background-position

ばっくぐらうんどぽじしょん

CSSプロパティの一つ。背景画像の開始位置を制御する。

指定できる値は

[ [<percentage>|<length>]{1,2}| [[top|center|bottom] || [left|center|right]] ] |inherit

top left等は順序が逆でも良い。

<percentage>や<length>を指定した場合は順序が限定される点に注意。

具体例

0% 0%
画像の左上隅がパディング領域の左上隅に合うように配置される
100% 100%
画像の右下隅がパディング領域の右下隅に合うように配置される
10% 80%
画像の左から10%上から80%の点がパディング領域の左から10%上から80%の点に合うように配置される