<flex>

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 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
<flex>Chrome 完全対応 29Edge 完全対応 12Firefox 完全対応 40IE 完全対応 10Opera 完全対応 28Safari 完全対応 10.1WebView Android 完全対応 57Chrome Android 完全対応 29Firefox Android 完全対応 40Opera Android 完全対応 28Safari iOS 完全対応 10.3Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報