Flexbox (フレックスボックス)
Flexbox は、アイテムを列方向や行方向など一次元に並べて表示するためのレイアウトモデルである CSS Flexible Box Layout Module に対する一般的な通称です。
この仕様書では、Flexbox はユーザーインターフェイスの設計のためのレイアウトモデルとして説明されています。Flexbox の重要な特徴として、フレックスレイアウト内のアイテムが伸縮することができるという点が挙げられます。余白はアイテム自体に割り当てることも、アイテム間やアイテム周りに配分することも出来ます。
また、Flexbox はでは主軸や交差軸にそった位置合わせをすることもでき、アイテムグループのサイズと配置に対する高レベルな制御を提供します。
理解を深める
プロパティリファレンス
関連情報
- CSS Flexible Box Layout Module Level 1 Specification
- CSS フレックスボックスガイド: フレックスボックスの基本概念
- CSS フレックスボックスガイド: フレックスボックスと他のレイアウト方法の関係
- CSS フレックスボックスガイド: フレックスコンテナー内のアイテムの配置
- CSS フレックスボックスガイド: フレックスアイテムの順序
- CSS フレックスボックスガイド: 主軸方向のフレックスアイテムの比率の制御
- CSS フレックスボックスガイド: フレックスアイテムの折り返しのマスター
- CSS フレックスボックスガイド: フレックスボックスの典型的な用途