Latest web development tutorials

HTML DOM Style flexGrow 屬性

Style 對象參考手冊 Style對象

實例

讓藍色的DIV 元素擴展到其他靈活項目的五倍:

document.getElementById("myBlueDiv".style.flexGrow = "5";

嘗試一下»

定義和用法

flexGrow 屬性規定項目將相對於同一容器內其他靈活的項目進行擴展的量。

注意:如果元素不是靈活的項目,則flexGrow屬性不起作用。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox、Opera 和Chrome 支持flexGrow 屬性。


語法

返回flexGrow 屬性:

object .style.flexGrow

設置flexGrow 屬性:

object .style.flexGrow="number|initial|inherit"

屬性值

描述
number 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。默认值是 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屬性


Style 對象參考手冊 Style對象