CSS の <flex> データ型 は、グリッドコンテナー内部における可変の長さです。 grid-template-columns や grid-template-rows 及びほかの関連プロパティで使われます。
構文
<flex> データ型は <number> のあとに単位 fr が付きます。すべての CSS dimensions と同様に、数値と単位の間に空白は入れません。
例
1fr /* 整数値の使用 */ 2.5fr /* 浮動小数点値の使用 */
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Grid Layout <flex> の定義 |
勧告候補 | 初回定義 |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
| 機能 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基本対応 | 29 | 16 | 40 | なし | 28 | 10.1 |
| 機能 | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| 基本対応 | 57 | 29 | 16 | 40 | 44 | 10.3 | あり |