CSS3のbackground-originプロパティ
例
背景画像のコンテンツボックス相対位置。
div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
属性 | |||||
---|---|---|---|---|---|
background-origin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
タグの定義と指示
背景-origin属性は、背景-positionプロパティは、相対的な位置であることを指定します。
背景取付背景画像が「固定」されている場合、この属性は何も影響がないことに注意してください 。
デフォルト: | パディングボックス |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクトobject.style.backgroundOrigin = "コンテンツボックス」 |
文法
background-origin: padding-box|border-box|content-box;
值 | 描述 |
---|---|
padding-box | 背景图像填充框的相对位置 |
border-box | 背景图像边界框的相对位置 |
content-box | 背景图像的相对位置的内容框 |
関連記事
CSS3チュートリアル: CSS3の背景