Style backgroundOrigin 屬性
實(shí)例
相對(duì)于內(nèi)容框定位背景圖像:
document.getElementById("myDIV").style.backgroundOrigin="content-box";
嘗試一下 ?
定義和用法
backgroundOrigin 屬性設(shè)置或返回 background-position 屬性是相對(duì)于什么進(jìn)行定位。
注意:如果背景圖像的 background-attachment 屬性是 "fixed",則該屬性不起作用。
瀏覽器支持
IE9+、Firefox、Opera、Chrome 和 Safari 支持 background-origin 屬性。
語(yǔ)法
返回 backgroundOrigin 屬性:
object.style.backgroundOrigin
設(shè)置 backgroundOrigin 屬性:
object.style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
屬性值
值 | 描述 |
---|---|
padding-box | 默認(rèn)值。背景圖像相對(duì)于填充框進(jìn)行定位。 |
border-box | 背景圖像相對(duì)于邊界框進(jìn)行定位。 |
content-box | 背景圖像相對(duì)于內(nèi)容框進(jìn)行定位。 |
initial | 設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。 |
inherit | 從父元素繼承該屬性。請(qǐng)參閱 inherit。 |
技術(shù)細(xì)節(jié)
默認(rèn)值: | padding-box |
---|---|
返回值: | 字符串,表示元素的 background-origin 屬性。 |
CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè):background-origin 屬性
更多建議: