flex-basis
from CSS: Flexbox
Flex Itemに指定する
Flex Itemの基準の幅(hypothetical main size)になる
flex-basisのサイズがdefault値になり、
そこからさらにflex-growやflex-shrinkが加味されることで最終的な幅が決定する
flex-basisとwidth/heightの違い
flex-basisと併用してwidthを指定すると、widthは無視される
flex itemの幅は、
content幅→width→flex-basisの順で決まる
つまり、flex-basisの値が優先される
ただし、max-widthやmin-widthは尊重される
これはheightについても同様
値
auto
default
Flex Itemの内容に合わせて自動的に幅が指定される
どういうロジックなのか #??
%
Flex Containerの幅に対する割合
数値+単位(emなど)