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

Style flex Property

<スタイルオブジェクト

すべての柔軟な項目が同じ長さとする、そのコンテンツのregardles:

for (i = 0; i < y.length; i++) {
    y[i].style.flex = "1";
}
»それを自分で試してみてください

定義と使用法

フレックスプロパティセットまたは同じ容器内flexibelアイテムの残りの部分に対する項目の長さを返します。

フレックスプロパティはflexGrow、flexShrink、およびflexBasisプロパティの省略形です。

Note:要素が柔軟な項目がない場合には、フレックスプロパティは効果がありません。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

フレックスプロパティは、サファリを除いて、すべての主要なブラウザでサポートされています。

注意:フレックスプロパティは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


<スタイルオブジェクト