JavaScript HTML DOM Style backgroundSize 属性

  • backgroundSize 属性

    backgroundSize属性设置或返回背景图像的大小。
    指定背景图像的大小:
    document.getElementById("myDIV").style.backgroundSize = "60px 120px";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    backgroundSize
    9.0+
    4.0+
    1.0 Webkit
    4.0+
    3.6 Moz
    4.1+
    3.0 Webkit
    10.5+
    10.0 O
  • 语法

    返回backgroundSize属性:
    object.style.backgroundSize
    设置backgroundSize属性:
    object.style.backgroundSize = "auto|length|cover|contain|intial|inherit"
  • 属性值

    描述
    auto 默认值。 背景图像包含其宽度和高度
    length 设置背景图像的宽度和高度。 第一个值设置宽度,第二个值设置高度。 如果只给出一个值,则第二个值设置为“auto”
    percentage 设置背景图像的宽度和高度,以父元素的百分比表示。 第一个值设置宽度,第二个值设置高度。 如果只给出一个值,则第二个值设置为“auto”
    cover 将背景图像缩放为尽可能大,以使背景区域完全被背景图像覆盖。 背景图像的某些部分可能不在背景定位区域内的视野中
    contain 将图像缩放到最大尺寸,使其宽度和高度都适合内容区域
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: auto
    返回值: 一个字符串,表示元素的background-size属性
    CSS版本 CSS3
  • 相关页面

    CSS参考:background-size属性