JavaScript HTML DOM Style backgroundOrigin 属性

  • backgroundOrigin 属性

    backgroundOrigin属性设置或返回background-position属性相对的内容。
    注意:如果背景图像的background-attachment属性为“fixed”,则此属性不起作用。
    相对于内容框定位背景图像:
    document.getElementById("myDIV").style.backgroundOrigin = "content-box";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    backgroundOrigin
    9.0+
    4.0+
    4.0+
    10.0+
    3.5+
  • 语法

    返回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
  • 相关页面