CSS3 チュートリアル

CSS3 リファレンス

背景画像を、コンテンツ・ボックスへ相対的に配置します:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

background-origin プロパティは、IE9+、Firefox 4+、Opera、Chrome 及び Safari 5+ でサポートされています。

background-origin プロパティは、background-position プロパティが何に対して相対配置されるのかを指定します。

注: 背景画像の background-attachment プロパティが "fixed" のとき、このプロパティの効果はありません。

デフォルト値:	padding-box
継承:	no
バージョン:	CSS3
JavaScript構文:	object.style.backgroundOrigin="content-box"

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