CSS<flex> データ型 は、グリッドコンテナー内部における可変の長さです。 grid-template-columnsgrid-template-rows 及びほかの関連プロパティで使われます。

構文

<flex> データ型は <number> のあとに単位 fr が付きます。すべての CSS dimensions と同様に、数値と単位の間に空白は入れません。

1fr    /* 整数値の使用 */
2.5fr  /* 浮動小数点値の使用 */

仕様書

仕様書 状態 備考
CSS Grid Layout
<flex> の定義
勧告候補 初回定義

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応291640 なし2810.1
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応572916404410.3 あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, Uemmra3, uknmr
最終更新者: mfuji09,