背景的大小是一个新的功能提供的CSS3允许你控制背景图像的大小为你想要的。现在让我们一步一步地看到这个新特征是惊人的。





定义：指定背景图像的大小。

背景尺寸的类型

背景大小需要两个值，这可以是一个像素，百分之一（%），或一个自动的，也是一个封面和一个包含。第一个值是背景图的宽度。另一个值用于指定背景地图上的高度。如果只设置了1个值，则第二个值默认为自动值，但当值覆盖和包含时。

浏览器支持IE9，Firefox 4 +，Opera，Chrome和Safari 5 +，

Javaｓｃｒｉｐｔ语法：对象。风格。backgroundsize =60px 80px

Grammar：

背景尺寸：}
= { | |汽车} {1,2}盖包含| |
例如:


复制代码代码如下所示：
背景：200px大小；
背景尺寸：200px 100px；
背景尺寸：200px 100px，400px 200px； / /多幅图像
背景尺寸：汽车200px；
背景尺寸：50% 25%；
背景尺寸：包含；
背景尺寸：封面；


|的使用，第一个值指的是背景图片的宽度，二指的是背景图像的高度，如果只有一个值是自动的，高度
使用百分比注释：宽度和高度是背景区域的指针，而不是背景图像的大小。

封面：背景图像的缩放，保留原始图像比、长宽比、不论背景图像大于或小于背景区域，将覆盖的背景区域，图像的宽度或高度等于或大于背景区域，再次，根据背景图像的背景，无论区域背景的比例，图像的某些部分可能不在背景区域。

包含：背景图像的缩放，同时保持原始比例/宽比，无论是图像的宽度或高度超过背景区，以覆盖的背景区域尽可能大。因此，这取决于背景图像的比例相匹配的背景区域，可能会有一些背景图像没有覆盖的背景区域。