background-origin

background-originプロパティは背景画像の基準位置を指定する為のプロパティです。

指定できる値は次のもので、デフォルトではpadding-boxが採用されます。

padding-box	padding領域を基準位置にします。
border-box	boder領域を基準位置にします。
content-box	content領域(padding領域の内側)を基準位置にします。

.target{
	background-image:url("aaa.jpg");
	background-origin:content-box;
}

複数の背景に対して個別に指定したい場合はカンマ(,)区切りで指定を行います。(ただし、この記述はIE8以下ではサポートされていません)

.target{
	background-image:url("aaa.jpg"),url("bbb.jpg");
	background-origin:content-box,border-box;
}

登録日 : 2014年01月11日最終更新日 : 2014年1月11日

CSSリファレンス