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