Style backgroundOrigin 屬性

定義和用法

backgroundOrigin 屬性規定 background-position 屬性相對于什么位置來定位。

注釋：如果背景圖像的 background-attachment 屬性為 "fixed"，則該屬性沒有效果。

實例

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

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

親自試一試

語法

返回 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

瀏覽器支持

backgroundOrigin 是 CSS3 (1999) 特性。

所有瀏覽器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
支持 支持 支持 支持 支持 11

相關頁面

CSS 參考手冊：background-origin 屬性