Flex

flex は CSS の display プロパティの値です。inline-flex と同じく、要素に適用するとフレックスコンテナーになり、その要素の子要素はそれぞれフレックスアイテムになります。アイテムはフレックスレイアウトに参加し、CSS フレックスボックスレイアウトで定義されているすべてのプロパティが適用されます。

flex プロパティもあり、これはフレックスボックスの flex-growflex-shrinkflex-basis の各プロパティの一括指定です。このプロパティはフレックスコンテナーにのみ適用されます。

加えて、<flex> は CSS グリッドレイアウトにおいて可変長を表すこともあります。

関連する CSS プロパティ

参考文献