CSS属性をフレックス成長
例
2番目の要素は他の要素の幅の3倍であるように:
div:nth-of-type(1) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティバージョン番号をサポートする最初のブラウザを表します。
すぐにprefixプロパティをサポートする最初のバージョンの後にデジタル-webkit-、-ms-または-moz-を以下に示します。
プロパティ | |||||
---|---|---|---|---|---|
フレックスグロー | 29.0 21.0 -webkit- | 11.0 10.0 -ms- | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
定義と使用法
フレックス成長属性が設定または柔軟ポーチ拡大率を取得するために使用されます。 。
注:要素が弾性要素ボックスオブジェクトでない場合は、フレックス成長プロパティは動作しません。
デフォルト: | 0 |
---|---|
継承: | いいえ |
アニメーション化することができます。 | はい。 参照してくださいアニメーションに(アニメーション) 。 試します |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.flexGrow = "5"してみてください |
CSSの構文
flex-grow:number|initial|inherit;
プロパティ値
值 | 描述 |
---|---|
number | 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
関連記事
CSSリファレンス: Flexプロパティ
CSSリファレンスマニュアル: フレックス基本プロパティ
CSSリファレンスマニュアル: フレックスdirectionプロパティ
CSSリファレンスマニュアル: フレックスフローのプロパティ
CSSリファレンスマニュアル: フレックスシュリンクプロパティ
CSSリファレンスマニュアル: フレックスラッププロパティ