Style backgroundSize 屬性

定義和用法

backgroundSize 屬性設置或返回背景圖像的大小。

另請參閱：

HTML 樣式：background 屬性

CSS 教程：CSS 背景

CSS3 教程：CSS3 背景

CSS 參考手冊：background-size 屬性

實例

規定背景圖像的大小：

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

親自試一試

語法

返回 backgroundSize 屬性：

object.style.backgroundSize

設置 backgroundSize 屬性：

object.style.backgroundSize = "auto|length|cover|contain|intial|inherit"

屬性值

值 描述
auto 默認值。背景圖像包含其寬度和高度。
length

設置背景圖像的寬度和高度。

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

如果只給出一個值，則第二個設置為 "auto"。
percentage

以父元素的百分比設置背景圖像的寬度和高度。

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

如果只給出一個值，則第二個設置為 "auto"。
cover

將背景圖像縮放到盡可能大，使背景區域完全被背景圖像覆蓋。

背景圖像的某些部分可能不在背景定位區域內。
contain 將圖像縮放到最大尺寸，使其寬度和高度都適合內容區域。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： auto
返回值： 字符串，表示元素的 background-size 屬性。
CSS 版本： CSS3

瀏覽器支持

backgroundSize 是 CSS3 (1999) 特性。

所有瀏覽器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
支持 支持 支持 支持 支持 11