CSS3 background-origin 屬性

定義和用法

background-Origin屬性指定background-position屬性應(yīng)該是相對(duì)位置。

注意如果背景圖像background-attachment是"固定"，這個(gè)屬性沒有任何效果。

默認(rèn)值:padding-box
繼承:no
版本:CSS3
JavaScript 語法:object object.style.backgroundOrigin="content-box"

語法

background-origin: padding-box|border-box|content-box;
值描述
padding-box背景圖像填充框的相對(duì)位置
border-box背景圖像邊界框的相對(duì)位置
content-box背景圖像的相對(duì)位置的內(nèi)容框

實(shí)例

實(shí)例

內(nèi)容框相對(duì)定位的背景圖片：

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

嘗試一下 ?

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

Property          
background-origin 4.0 9.0 4.0 3.0 10.5

相關(guān)文章

CSS3 教程: CSS3 Backgrounds