例
すべての柔軟な項目が同じ長さとする、そのコンテンツのregardles:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
»それを自分で試してみてください 定義と使用法
フレックスプロパティセットまたは同じ容器内flexibelアイテムの残りの部分に対する項目の長さを返します。
フレックスプロパティはflexGrow、flexShrink、およびflexBasisプロパティの省略形です。
Note:要素が柔軟な項目がない場合には、フレックスプロパティは効果がありません。
ブラウザのサポート
フレックスプロパティは、サファリを除いて、すべての主要なブラウザでサポートされています。
注意:フレックスプロパティはIE 9以前をサポートされていない、IE 10でこのプロパティは、接頭辞MSでサポートされています。 IE11以降のバージョンに完全に(ミリ秒の接頭辞を必要としない)フレックスプロパティをサポートしています。
注意:Safariは6.1以降の代替、WebkitFlexプロパティをサポートしています。
構文
フレックスプロパティを返します:
object .style.flex
フレックスプロパティを設定します。
object .style.flex=" プロパティ値 値 説明 flex-grow アイテムは、柔軟なアイテムの残りの部分に相対成長するどのくらいの指定数 flex-shrink アイテムは、可撓性アイテムの残りの部分に対して収縮するどのくらいの指定数 flex-basis 項目の長さ。 有効な値: "auto" 、 "inherit" 、または続く番号"%" 、 "px" 、 "em"または任意の他の長さの単位 auto 1つの1オートと同じ。 initial 0 1オートと同じ。 最初の記事を読みます none 0 0自動車と同じ。 inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 0 1オート 戻り値: 素子の屈曲性を表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス: flex property
HTML DOMのスタイル参照: flexBasis property
HTML DOM STYLE参考: flexDirection property
HTML DOM STYLE参考: flexFlow property
HTML DOMのスタイル参照: flexGrow property
HTML DOMのスタイル参照: flexShrink property
HTML DOMのスタイル参照: flexWrap property
<スタイルオブジェクト