新登場！ 44ページの電子書籍「CSSを44分で学ぶ」が発売されました！ 😃

今すぐ入手 →

#flex-direction

フレックスボックスコンテナ内でフレックスボックスアイテムがどのように順序付けられるかを定義します。

デフォルト flex-direction: row;

フレックスボックスアイテムは、テキストの方向と同じ順序で、主軸に沿って配置されます。

flex-direction: row-reverse;

フレックスボックスアイテムは、テキストの方向と逆の順序で、主軸に沿って配置されます。

flex-direction: column;

フレックスボックスアイテムは、テキストの方向と同じ順序で、交差軸に沿って配置されます。

flex-direction: column-reverse;

フレックスボックスアイテムは、テキストの方向と逆の順序で、交差軸に沿って配置されます。