<flex>

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

構文

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

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

仕様書

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

ブラウザーの対応

BCD tables only load in the browser

関連情報