background-origin
background-origin は背景画像の表示位置の基準を指定します。
プロパティの詳細
- 値
- border-box, padding-box, content-box
- 初期値
- padding-box
- 対象
- すべての要素
- 継承
- しない
- CSS レベル
- CSS 3～
値の詳細
- border-box
- ボックスの境界（ボーダーの位置）から配置
- padding-box
- パディングボックス（パディングの領域）から配置
- content-box
- コンテンツボックス(パディングより内側)から配置
サンプル
div {
background-image: url("image.png");
background-origin: border-box;
}