CSS3 background-size 屬性

zgpeterliu發表於2018-05-08
CSSS3

http://www.w3school.com.cn/cssref/pr_background-size.asp


定義和用法

background-size 屬性規定背景影象的尺寸。

預設值： auto
繼承性： no
版本： CSS3
JavaScript 語法： object.style.backgroundSize="60px 80px"

語法

background-size: length|percentage|cover|contain;
值 描述 測試
length

設定背景影象的高度和寬度。

第一個值設定寬度，第二個值設定高度。

如果只設定一個值，則第二個值會被設定為 "auto"。

 測試
percentage

以父元素的百分比來設定背景影象的寬度和高度。

第一個值設定寬度，第二個值設定高度。

如果只設定一個值，則第二個值會被設定為 "auto"。

 測試
cover

把背景影象擴充套件至足夠大，以使背景影象完全覆蓋背景區域。

背景影象的某些部分也許無法顯示在背景定位區域中。

 測試
contain 把影象影象擴充套件至最大尺寸，以使其寬度和高度完全適應內容區域。 測試

相關文章