background-clip プロパティ

　background-clip プロパティは、背景の表示範囲を指定する CSS プロパティです。
　指定値には、border まで背景を表示（デフォルト）、paddingまで表示、内容部分まで表示が選択できます。

　background に色や画像を設定しないと background-clip は機能しません。

内容部分まで背景を表示（Exampleを参照）

background-clip: content-box;

　指定できる画像は１つ、または複数設定できます。

　背景の範囲は、border や padding の領域も含めた範囲がデフォルトになります。

- ad -

構文(Syntax)

background-clip: border-box | padding-box | content-box;

値の取得

String=object.style.object.style.backgroundClip

値の設定

object.style.backgroundClip="_value_"

Value	摘要
border-box	初期値（default value）。borderの範囲まで背景を表示する。
padding-box	paddingの範囲まで背景を表示する。
content-box	contentの範囲まで背景を表示する。
initial	初期値に戻す。
inherit	親エレメントのプロパティを継承。

　background-clipの表示例です。ここではcontent-box値によって内容部分まで背景が表示されます。

　デフォルトではborderまでが背景の表示範囲です。

- ad -

　以下は関連するプロパティです。