Latest web development tutorials

HTML DOM Style backgroundOrigin 屬性

Style 對象參考手冊 Style對象

實例

相對於內容框定位背景圖像：

document.getElementById("myDIV").style.backgroundOrigin="content-box";

嘗試一下»

定義和用法

backgroundOrigin 屬性設置或返回background-position 屬性是相對於什麼進行定位。

注意：如果背景圖像的background-attachment屬性是"fixed"，則該屬性不起作用。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE9+、Firefox、Opera、Chrome 和Safari 支持background-origin 屬性。

語法

返回backgroundOrigin 屬性：

object .style.backgroundOrigin

設置backgroundOrigin 屬性：

object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"

屬性值

值 描述
padding-box 默认值。背景图像相对于填充框进行定位。
border-box 背景图像相对于边界框进行定位。
content-box 背景图像相对于内容框进行定位。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

技術細節

默認值： padding-box
返回值： 字符串，表示元素的background-origin 屬性。
CSS 版本 CSS3

相關文章

CSS參考手冊： background-origin屬性

Style 對象參考手冊 Style對象