<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

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,