最新のWeb開発のチュートリアル
 

Style flexGrow Property

<スタイルオブジェクト

青色のDIV要素は柔軟なアイテムの残りの部分よりも幅の広い5倍に成長してみましょう:

document.getElementById("myBlueDiv".style.flexGrow = "5";
»それを自分で試してみてください

定義と使用法

flexGrowプロパティは、項目が同じコンテナ内の柔軟なアイテムの残りの部分に比べて大きくなりますどのくらいを指定します。

Note:要素が可撓性の項目ではない場合、flexGrowプロパティは効果がありません。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


<スタイルオブジェクト