Style flexGrow 屬性
示例
讓藍色 DIV 元素相對於同一容器中的其他彈性專案增長五倍寬度
document.getElementById("myBlueDiv").style.flexGrow = "5";
自己動手試一試 »
描述
flexGrow 屬性指定了彈性專案相對於同一容器中其他彈性專案增長的比例。
注意:如果元素不是彈性專案,則 flexGrow 屬性無效。
瀏覽器支援
屬性 | |||||
---|---|---|---|---|---|
flexGrow | 是 | 11.0 | 是 | 9.0 | 是 |
語法
返回 flexGrow 屬性
object.style.flexGrow
設定 flexGrow 屬性
object.style.flexGrow = "number|initial|inherit"
屬性值
值 | 描述 |
---|---|
數字 | 一個數字,指定專案相對於同一容器中的其他彈性專案增長的比例。預設值為 0 |
initial | 將此屬性設定為其預設值。閱讀關於 initial |
inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
預設值 | 0 |
---|---|
返回值 | 一個字串,表示元素的 flex-grow 屬性 |
CSS 版本 | CSS3 |
相關頁面
CSS 參考:flex-grow 屬性
HTML DOM STYLE 參考:flex 屬性
HTML DOM STYLE 參考:flexBasis 屬性
HTML DOM STYLE 參考:flexDirection 屬性
HTML DOM STYLE 參考:flexFlow 屬性
HTML DOM STYLE 參考:flexShrink 屬性
HTML DOM STYLE 參考:flexWrap 屬性