CSS3 background-size 属性值:cover
2016-04-05 15:33
411 查看
当设置值为cover,可以呈现出图片铺满浏览器内容的视觉效果
实例
规定背景图像的尺寸:div { background:url(img_flwr.gif); [code]background-size:80px 60px;
background-repeat:no-repeat;
}
[/code]
定义和用法
background-size 属性规定背景图像的尺寸。默认值: | auto |
---|---|
继承性: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.backgroundSize="60px 80px" |
语法
background-size: length|percentage|cover|contain;
值 | 描述 | 测试 |
---|---|---|
length | 设置背景图像的高度和宽度。 第一个值设置宽度,第二个值设置高度。 如果只设置一个值,则第二个值会被设置为 "auto"。 | 测试 |
percentage | 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度,第二个值设置高度。 如果只设置一个值,则第二个值会被设置为 "auto"。 | 测试 |
cover | 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。 背景图像的某些部分也许无法显示在背景定位区域中。 | 测试 |
contain | 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。 | 测试 |
相关文章推荐
- CSS样式大全
- 有用好看的CSS+JS+table 导航
- CSS学习笔记(一)
- CSS
- css3 transition 实例及分析 图片hover出现文字 sidebar平滑过渡(动画系列3)
- css设置元素宽高比
- 怎样用JS来添加CSS样式
- CSS-硬件加速
- css各种水平垂直居中
- CSS学习(四)——边框与边界
- RadioButton样式自定义
- 滚动list 样式
- 页面布局学习(三)
- HTML&CSS
- css3 border-radius 总结
- 给表格式按钮边框点击变色--css制作表格式按钮(2)
- 关于CSS样式表的基础知识
- 深入了解CSS3新特性(转)
- CSS清除浮动
- 英文自动换行 and 中文超出隐藏