Flex
flex は CSS displayのプロパティに新しく追加された値です。inline-flex と同じく、使用すると Element(要素)に Flex コンテナ が適用されます。また、その Element(要素)の子 Element(要素)それぞれには Flex アイテム が適用されます。flex アイテムが適用された Element(要素)は flex layout を構成し、CSS Flexible Box Layout Module で定義されているプロパティの全てが適用されるはずです。
flex プロパティは flexbox プロパティを縮めて表したプロパティです。flex-grow や flex-shrink、flex-basis 等があります。
<flex> については、CSS Grid Layout 内の flexible length にて確認できます。
関連項目
プロパティリファレンス
参考文献
- CSS Flexible Box Layout Module Level 1 Specification
- CSS Flexbox ガイド: Flexbox の基本概念
- CSS Flexbox ガイド: Flexbox と他のレイアウトとの関係
- CSS Flexbox ガイド: Flex コンテナにおけるアイテムの位置合わせ
- CSS Flexbox ガイド: Flex アイテムの順序を設定する
- CSS Flexbox ガイド: Flex アイテムを主軸に沿わせる時の制御割合
- CSS Flexbox ガイド: Flex アイテムをまとめるのをマスターする
- CSS Flexbox ガイド: Flexbox の典型的なユースケース