備忘録的プログラミングリファレンス

background-clipプロパティ

 background-clipプロパティは、背景の表示範囲を指定するプロパティです。
 指定できる画像は1つ、または複数設定できます。

 背景の範囲は、borderやpaddingの領域も含めた領域になります。

構文(Syntax)

CSS

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

DOM(JavaScript)

値の取得
String=object.style.object.style.backgroundClip
値の設定
object.style.backgroundClip="_value_" 

Values

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

備考(Remarks)

初期値(Default value)border-box
継承(Inherited)no
変化(Animatable)no

Example