background-size

實例

指定背景圖像的大?。?/p>

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

運行代碼 ?
在此頁底部有更多的例子。

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個瀏覽器版本號。

屬性
background-size?	4.0 1.0?-webkit-	9.0	4.0 3.6?-moz-	4.1 3.0?-webkit-	10.5 10.0?-o-

background-size屬性指定背景圖片大小。

默認(rèn)值:	auto
繼承:	no
版本:	CSS3
JavaScript 語法:	object object.style.backgroundSize="60px 80px"

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

值	描述
length	設(shè)置背景圖片高度和寬度。第一個值設(shè)置寬度，第二個值設(shè)置的高度。如果只給出一個值，第二個是設(shè)置為 auto(自動)
percentage	將計算相對于背景定位區(qū)域的百分比。第一個值設(shè)置寬度，第二個值設(shè)置的高度。如果只給出一個值，第二個是設(shè)置為"auto(自動)"
cover	此時會保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。
contain	此時會保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最大大小。

拉伸背景圖像
拉伸背景圖像完全覆蓋內(nèi)容面積。