JavaScript HTML DOM Style backgroundPosition 属性

  • backgroundPosition 属性

    backgroundPosition属性设置或返回元素中背景图像的位置。
    更改背景图像的位置:
    document.body.style.backgroundPosition = "top right";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    backgroundPosition
    4.0+
    1.0+
    1.0+
    1.0+
    3.5+
  • 语法

    返回backgroundPosition属性:
    object.style.backgroundPosition
    设置backgroundPosition属性:
    object.style.backgroundPosition = value
  • 属性值

    描述
    • top left
    • top center
    • top right
    • center left
    • center center
    • center right
    • bottom left
    • bottom center
    • bottom right
    如果您只指定一个关键字,则另一个值将是“center”。
    x% y% x值表示水平位置,y值表示垂直位置。 左上角为0%0%。 右下角是100%100%。 如果只指定一个值,则另一个值为50%。
    xpos ypos x值表示水平位置,y值表示垂直位置。 左上角为0 0.单位可以是像素(0px 0px)或任何其他CSS单位。 如果只指定一个值,则另一个值为50%。 你可以混合%和单位
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 0% 0%
    返回值: 一个字符串,表示背景图像的位置
    CSS版本 CSS1
  • 更多例子

    将<div>元素中背景图像的位置更改为中心底部:
    document.getElementById("myDiv").style.backgroundPosition = "center bottom";
    
    尝试一下
    将<div>元素中背景图像的位置更改为200px水平和40px垂直:
    document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
    
    尝试一下
    在<div>元素中返回背景图像的位置:
    document.getElementById("myDiv").style.backgroundPosition; 
    
    尝试一下
  • 相关页面

    CSS教程:CSS背景
    CSS参考:background属性