flex-basis プロパティ

　flex-basis プロパティは、display:flex;が設定されたフレックスコンテナにおいて、子エレメント（フレックスアイテム）の幅を指定するプロパティです。

　このプロパティはフレックスアイテムに指定します。

　フレックスアイテムにwidth プロパティが設定してあると、width 値が優先されます。
　もし、flex-direction プロパティによって縦に並ぶように設定するとフレックスアイテムの高さになります。width 値がない場合、フレックスアイテムの幅はデフォルト値で表示されます。

.parent{
	display: flex;
}

.flex_item{
	flex-basis: 200px;
}

　flex-basis プロパティと似たプロパティに、flex-grow、flex-shrinkプロパティがあります。
　flex-growプロパティはフレックスコンテナの幅に余りがないように拡がります。 flex-shrinkプロパティはフレックスアイテムが横に並びきらない場合の縮小比の指定です。

　値はキーワードでも指定できますが、キーワード値はエレメントの内容と元の設定値によって幅が決まります。