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 の典型的なユースケース