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 をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Android 版 Chrome | Edge Mobile | Android 版 Firefox | Android 版 Opera | iOS 版 Safari | Samsung Internet | |
| 基本対応 | Chrome 完全対応 29 | Edge 完全対応 16 | Firefox 完全対応 40 | IE 未対応 なし | Opera 完全対応 28 | Safari 完全対応 10.1 | WebView Android 完全対応 57 | Chrome Android 完全対応 29 | Edge Mobile 完全対応 16 | Firefox Android 完全対応 40 | Opera Android 完全対応 44 | Safari iOS 完全対応 10.3 | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応