CSS background-size属性
-
-
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。属性 Internet Explorer Chrome FireFox Safari Opera 属性名称 background-size 9.04.01.0 -webkit-4.03.6 -moz-4.13.0 -webkit-10.510.0 -o- -
CSS语法
background-size: auto|length|cover|contain|initial|inherit; -
实例
使用“auto”和像素指定背景图像的大小:
尝试一下#example1 { background: url(mountain.jpg); background-repeat: no-repeat; background-size: auto; } #example2 { background: url(mountain.jpg); background-repeat: no-repeat; background-size: 300px 100px; }
-
属性值
属性值 描述 auto 默认值。 背景图像以原始大小显示 length 设置背景图像的宽度和高度。 第一个值设置宽度,第二个值设置高度。 如果只给出一个值,则第二个值设置为“auto”。 阅读长度单位 percentage 以父元素的百分比设置背景图像的宽度和高度。 第一个值设置宽度,第二个值设置高度。 如果只给出一个值,则第二个值设置为“auto” cover 调整背景图像的大小以覆盖整个容器,即使它必须拉伸图像或从其中一个边缘切掉一点 contain 调整背景图像的大小以确保图像完全可见 initial 将此属性设置为其默认值。查看initial关键字 inherit 从其父元素继承此属性。查看inherit关键字 -