Flexアイテムに指定できるプロパティ - becolomochi’s memo

Flexアイテムに指定できるプロパティ

flex-basis

幅

https://developer.mozilla.org/ja/docs/Web/CSS/flex-basis

flex-grow

残りの空間のうちどれだけの幅で表示するか

数字が大きければ大きいほど幅が広くなる。

https://developer.mozilla.org/ja/docs/Web/CSS/flex-grow

align-self

align-items の上書き

アイテムの上下位置の指定

https://developer.mozilla.org/ja/docs/Web/CSS/align-self

flex-shrink

縮小係数。

数字が大きければ大きいほど小さくなる

https://developer.mozilla.org/ja/docs/Web/CSS/flex-shrink

order

アイテムの表示順を指定できる

https://developer.mozilla.org/ja/docs/Web/CSS/order