在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