CSS3 background-size 属性值：cover

当设置值为cover，可以呈现出图片铺满浏览器内容的视觉效果

实例

规定背景图像的尺寸：

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

定义和用法

background-size 属性规定背景图像的尺寸。

默认值：	auto
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.backgroundSize="60px 80px"

语法

background-size: length|percentage|cover|contain;

值	描述	测试
length	设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。	测试
percentage	以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。	测试
cover	把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。	测试
contain	把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。	测试

转载于:https://www.cnblogs.com/kenshinobiy/p/5355286.html

CSS3 background-size 属性值：cover相关推荐

CSS3之size属性
width: 说明: 设置元素的宽度作用: width属性不包括填充,边框,或页边距常用值: (auto):默认值,浏览器会计算出实际的 ...
antd 中的 table 组件设置 size 属性值为 small 后，表头背景色设置的解决方案
antd中的 table 组件的效果图: 默认size属性值是default : 当设置size="small" ; 表头的背景色没有了: 解决方案:在表格列里面设置 classN ...
【怒怼老乔】居然苹果手机IOS系统还不支持css3的transparent属性值，我去~~~~
先上代码 background: linear-gradient(white, transparent); 这个代码在苹果手机里面的效果居然是这么"灰不溜秋" background ...
html里background颜色属性,background属性值
js怎么获取css样式里的background属性值呢? ss文件中如何得到某个属性值: 一.getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值, 返回的是一个CSS样式 ...
Background 全属性实例图解（10种全）(一)
Background 全属性实例图解(10种全)(一) 本文目录: 一.background属性: (1).属性描述 (2).background属性使用示例 (3).background动画属性 ( ...
css3 background简写,background-size简写背景属性（CSS3）
background-size简写背景属性(CSS3) 我正在尝试在短手background属性中混合background-image和background-size属性. 基于W3C文档 backg ...
CSS 的background-size：cover属性值和contain属性值
1.语法:background-size:length|percentage|cover|contain: 2.参数:参考文章:菜鸟教程 3.浏览器支持: 4.标签定义及使用说明: 5.通常情况下都是 ...
string[x]:size 属性具有无效大小值0
SqlParameter[] lists={new SqlParameter("@test",SqlDbType.VarChar),new SqlParameter("@ ...
html中font size默认值,HTML basefont size 属性
HTML size 属性 size 属性定义了HTML文档的字体大小,取值可以是数值或者相对值,值域为1-7,1最小,默认值为3,请参考下述示例: 实例规定页面上的默认字体大小: 这是一个标题这是 ...
background 属性值及属性值的顺序
background: [background-color] | [background-image] | [background-position]/[background-size] | [bac ...

CSS3 background-size 属性值：cover

当设置值为cover，可以呈现出图片铺满浏览器内容的视觉效果

实例

定义和用法

语法

CSS3 background-size 属性值：cover相关推荐

最新文章

热门文章