background-clipで背景画像の表示領域を指定【CSS】

background-clipは背景画像を表示する領域を指定するプロパティです。

背景画像はbackground-imageプロパティで指定できます。

関連記事
『background-imageで背景画像を指定する【CSS】』

background-clipの値の指定方法

background-clipプロパティでは以下のような値を指定できます。

border-box

border-boxを指定すると、背景画像はボーダーを含めた要素の端まで表示されます。

padding-box

padding-boxを指定すると、背景画像はボーダーを除く、要素の内側の領域に表示されます。

content-box

content-boxを指定すると、背景画像はボックス内の余白を含まない、要素のコンテンツの領域に表示されます。