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 フレックスボックスガイド: フレックスボックスの基本概念
- CSS フレックスボックスガイド: フレックスボックスと他のレイアウト方法の関係
- CSS フレックスボックスガイド: フレックスコンテナー内のアイテムの配置
- CSS フレックスボックスガイド: フレックスアイテムの順序
- CSS フレックスボックスガイド: 主軸方向のフレックスアイテムの比率の制御
- CSS フレックスボックスガイド: フレックスアイテムの折り返しをマスターする
- CSS フレックスボックスガイド: フレックスボックスの典型的な用途