在CSS中background-size的属性为规定背景图片的尺寸。本文详细介绍下background-size的定义和用法、background-size的语法、background-size的实例。
在CSS中background-size的属性为规定背景图片的尺寸。本文详细介绍下background-size的定义和用法、background-size的语法、background-size的实例。
background-size属性实例
规定背景图像的尺寸：
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
background-size定义和用法
background-size 属性规定背景图像的尺寸。
默认值：
|
auto
|
继承性：
|
no
|
版本：
|
CSS3
|
JavaScript 语法：
|
object.style.backgroundSize="60px 80px"
|
background-size语法
background-size: length|percentage|cover|contain;
值
|
描述
|
length
|
设置背景图像的高度和宽度。
第一个值设置宽度，第二个值设置高度。
如果只设置一个值，则第二个值会被设置为 "auto"。
|
percentage
|
以父元素的百分比来设置背景图像的宽度和高度。
第一个值设置宽度，第二个值设置高度。
如果只设置一个值，则第二个值会被设置为 "auto"。
|
cover
|
把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。
背景图像的某些部分也许无法显示在背景定位区域中。
|
contain
|
把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
|
河南亿恩科技股份有限公司(www.enkj.com)始创于2000年，专注服务器托管租用，是国家工信部认定的综合电信服务运营商。亿恩为近五十万的用户提供服务器托管、服务器租用、机柜租用、云服务器、网站建设、网站托管等网络基础服务，另有网总管、名片侠网络推广服务，使得客户不断的获得更大的收益。
服务器/云主机 24小时售后服务电话：
0371-60135900
虚拟主机/智能建站 24小时售后服务电话：
0371-55621053
网络版权侵权举报电话：
0371-60135995
服务热线：
0371-60135900
