【background-origin】背景画像の基準領域

background-originで背景画像の基準領域を設定する

background-originプロパティを使用すると、背景画像を配置する時の基準となる領域を設定することができます。
設定した領域の左上が 0 0 、右下が 100% 100%として扱われます。

background-originプロパティの値には、下記のキーワードが指定できます。

• border-box
• padding-box
• content-box

border-box

border-boxを指定すると、ボーダーの領域から内側が配置の基準領域になります。

padding-box

padding-boxを指定すると、パディングの領域から内側が配置の基準領域になります。

content-box

content-boxを指定すると、要素内容の領域が配置の基準領域になります。

背景画像の基準領域のまとめ

みいと

Contact

興味を持ったものをいろいろと勉強しています。