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

構文

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

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

仕様書

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

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 29Edge 完全対応 16Firefox 完全対応 40IE 未対応 なしOpera 完全対応 28Safari 完全対応 10.1WebView Android 完全対応 57Chrome Android 完全対応 29Edge Mobile 完全対応 16Firefox Android 完全対応 40Opera Android 完全対応 44Safari iOS 完全対応 10.3Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応

関連情報

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

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