CSS3 background-size 屬性
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 | 把影象影象擴充套件至最大尺寸，以使其寬度和高度完全適應內容區域。 | 測試 |
相關文章
- CSS3 background-sizeCSSS3
- css3核心屬性CSSS3
- CSS3 filter屬性CSSS3Filter
- CSS3 initial 屬性CSSS3
- CSS3常用屬性CSSS3
- CSS3 transition 屬性CSSS3
- CSS3的background屬性CSSS3
- css3 box-orient 屬性CSSS3
- css3中的animation屬性CSSS3
- css3新增哪些背景屬性CSSS3
- html5/css3新增屬性HTMLCSSS3
- css3中transition屬性詳解CSSS3
- CSS3背景裁切屬性——background-clipCSSS3
- CSS outline-style 屬性： CSS3 outline-CSSS3
- 純CSS3屬性animation實現的打字效果CSSS3
- css3 filter屬性,不會ps也沒關係CSSS3Filter
- 淺談CSS3中display屬性的Flex佈局CSSS3Flex
- 淺談CSS3中display屬性的Flex佈局（轉）CSSS3Flex
- css3的一些新屬性及部分用法CSSS3
- CSS3屬性-webkit-font-smoothing字型抗鋸齒渲染CSSS3WebKit
- CSS background-sizeCSS
- CMake 屬性之全域性屬性
- defer 屬性和 async 屬性
- CSS 屬性篇(七)：Display屬性CSS
- CMake 屬性之目錄屬性
- CMake 屬性之目標屬性
- Python - 物件導向程式設計 - 公共屬性、保護屬性、私有屬性Python物件程式設計
- CSS字型屬性和文字屬性詳解CSS
- Python 類的屬性與例項屬性Python
- python物件屬性管理(2)：property管理屬性Python物件
- 根據屬性字串獲取屬性值字串
- CAD屬性編輯操作——物件屬性教程物件
- 如何使用CSS3的屬性設定模擬邊框跟border效果一樣？CSSS3
- CSS3 超實用屬性：pointer-events （可穿透圖層的滑鼠事件）CSSS3穿透事件
- cssRules 屬性CSS
- previousElementSibling 屬性
- translucent屬性
- parentRule 屬性