背景画像の開始位置(基準値)
背景の開始位置(基準値)を変更するには、background-originプロパティを使用します。
なお、このプロパティはgradient関数も適用されます。
【構文】
background-origin:基準値;
指定可能な値(キーワード)
| 値 | 説明 | 初期値 |
|---|---|---|
| border-box | border領域の右上から | - |
| padding-box | padding領域の右上から | ○ |
| content-box | コンテンツ領域の右上から | - |
サンプル
サンプルでは、background-repeatプロパティをno-repeatに設定しています。
border-box
padding-box
content-box