Style flexGrow 속성

定义和用法

flexGrow 属性规定项目相对于同一容器内的其他弹性项目将增长多少。

注释：如果元素不是弹性项，则 flexGrow 属性无效。

另请参阅：

CSS 참조 설명서：flex-grow 속성

实例

让蓝色的 DIV 元素比其他弹性项增长五倍：

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

亲自试一试

语法

返回 flexGrow 속성：

object.style.flexGrow

设置 flexGrow 속성：

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

属性值

值 描述
number 数字，规定项目相对于其他弹性项目的增量。默认值为 0。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 0
返回值： 문자열，표시元素的 flex-grow 속성。
CSS 버전： CSS3

브라우저 지원

표中的数字注明了首个完全支持该属性的浏览器版本。

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 11.0 지원 9.0 지원

관련 페이지

HTML DOM STYLE 참조 설명서:flex 속성

HTML DOM STYLE 참조 설명서:flexBasis 속성

HTML DOM STYLE 참조 설명서:flexDirection 속성

HTML DOM STYLE 참조 설명서:flexFlow 속성

HTML DOM STYLE 참조 설명서:flexShrink 속성

HTML DOM STYLE 참조 설명서:flexWrap 속성