{ background-clip 【 バックグラウンド・クリップ 】 :表示領域; }

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

初期値	border-box
継承	なし
適用される要素	すべての要素
モジュール	Backgrounds and Borders Module Level 3

値の指定方法

表示領域

カンマ（,）で区切って複数の画像の表示領域を指定できます。

border-box	背景画像はボーダーを含めた要素の端まで表示されます。
padding-box	背景画像はボーダーを除いた要素の内側の領域（パディング領域）に表示されます。
content-box	背景画像はボックス内の余白を含まない、要素の内容領域（コンテンツ領域）に表示されます。

サンプルコード

.sample1{background-clip: border-box; }
.sample2{background-clip: padding-box; }
.sample3{background-clip: content-box; }