- 最終更新日
- 記事公開日
「display:flex」プロパティ一覧

「display:flex」でよく使うプロパティだけの一覧が欲しいの。
動きとか説明とか余計な情報は要らないんだけど・・・

了解です!
こちらになります↓
justify-content:start; | 横方向・左揃え![]() |
justify-content:end; | 横方向の右揃え![]() |
justify-content:center; | 横方向の中央揃え![]() |
justify-content:space-between; | 左右の端に『余白なし』![]() |
justify-content:space-around; | 左右の端に『余白あり』![]() |
justify-content:space-evenly; | 均等余白![]() |
align-items:flex-start; | 縦方向・上揃え![]() |
align-items:flex-end; | 縦方向・下揃え![]() |
align-items:center; | 縦方向・中央揃え![]() |
flex-direction:row; | 要素を『横』に並べる(正順)![]() |
flex-direction:row-reverse; | 要素を『横』に並べる(逆順)![]() |
flex-direction:column; | 要素を『縦』に並べる(正順)![]() |
flex-direction:column-reverse; | 要素を『縦』に並べる(逆順)![]() |