<flex> CSS データタイプ はグリッドコンテナ内のフレキシブルな長さです。それは grid-template-columnsgrid-template-rows およびほかの関連プロパティで使われます。

Syntax

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

Examples

1fr    /* Using an integer value */
2.5fr  /* Using a float value */

Specifications

Specification Status Comment
CSS Grid Layout
<flex> の定義
勧告候補 Initial definition.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 未サポート[1] 20 (12.10240) 未サポート[2] 10.0 未サポート[1] Nightly build
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 未サポート 未サポート[2] 10.0 未サポート 未サポート

[1] Implemented behind the experimental Web Platform features flag in chrome://flags since Chrome 29.0 and Opera 28.0.

[2] Implemented behind the preference layout.css.grid.enabled, defaulting to false.

See also

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

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