Style backgroundSize 屬性
描述
backgroundSize 屬性設定或返回背景影像的大小。
語法
返回 backgroundSize 屬性
object.style.backgroundSize
設定 backgroundSize 屬性
object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"
屬性值
值 | 描述 |
---|---|
auto | 預設值。背景影像包含其自身的寬度和高度 |
length | 設定背景影像的寬度和高度。第一個值設定寬度,第二個值設定高度。如果只給出一個值,則第二個值設定為“auto” |
百分比 | 設定背景影像的寬度和高度,以父元素百分比表示。第一個值設定寬度,第二個值設定高度。如果只給出一個值,則第二個值設定為“auto” |
cover | 縮放背景影像,使其儘可能大,以便背景區域完全被背景影像覆蓋。背景影像的某些部分可能不在背景定位區域的檢視中 |
contain | 縮放影像到最大尺寸,使其寬度和高度都能適應內容區域 |
initial | 將此屬性設定為其預設值。閱讀關於 initial |
inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
預設值 | auto |
---|---|
返回值 | 一個字串,表示元素的 background-size 屬性 |
CSS 版本 | CSS3 |
瀏覽器支援
backgroundSize
是 CSS3 (1999) 功能。
所有瀏覽器都完全支援。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 11 |