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;
}

参考URL

3.8. Positioning Area: the ‘background-origin’ property - W3C

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

同じカテゴリー(Background)のエントリー

検索

スポンサードリンク

バージョン

リファレンス