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 Webkit4.0+3.6 Moz4.1+3.0 Webkit10.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属性