style backgroundOrigin 属性

相对于内容框定位背景图片：

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

描述

backgroundOrigin 属性设置或返回background-position 属性的相对位置。

笔记：如果背景图片的background-attachment 属性为"fixed"，则此属性无效。

HTML 样式：背景属性

CSS 教程：CSS 背景

CSS3 教程：CSS3 背景

返回backgroundOrigin属性：

object.style.backgroundOrigin

设置backgroundOrigin属性：

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

Value	Description
padding-box	Default value. The background image is positioned relative to the padding box
border-box	The background image is positioned relative to the border box
content-box	The background image is positioned relative to the content box
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

backgroundOrigin是 CSS3 (1999) 的一项功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11