例
青色のDIV要素は柔軟なアイテムの残りの部分よりも幅の広い5倍に成長してみましょう:
document.getElementById("myBlueDiv".style.flexGrow = "5";
»それを自分で試してみてください 定義と使用法
flexGrowプロパティは、項目が同じコンテナ内の柔軟なアイテムの残りの部分に比べて大きくなりますどのくらいを指定します。
Note:要素が可撓性の項目ではない場合、flexGrowプロパティは効果がありません。
ブラウザのサポート
flexGrowプロパティは、IE10 +、Firefoxの、オペラ座、Chromeでサポートされています。
注意:Safariは6.1以降の代替、WebkitFlexGrowプロパティをサポートしています。
構文
flexGrowプロパティを返します:
object .style.flexGrow
flexGrowプロパティを設定します。
object .style.flexGrow=" プロパティ値 値 説明 number アイテムは、柔軟なアイテムの残りの部分に比べて大きくなりますどのくらい指定する数値。 デフォルト値は0です initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 0 戻り値: 要素のフレックス成長プロパティを表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス: flex-grow property
HTML DOM STYLE参考: flex property
HTML DOMのスタイル参照: flexBasis property
HTML DOM STYLE参考: flexDirection property
HTML DOM STYLE参考: flexFlow property
HTML DOMのスタイル参照: flexShrink property
HTML DOMのスタイル参照: flexWrap property
<スタイルオブジェクト