flexboxのプロパティ

flex-direction

　　flexコンテナの主軸方向を決める

　　row | row-reverse | col |col-reverse

flex-wrap

　　flexアイテムを1行か複数行かを決める

　　nowrap | wrap | wrap-reverse

flex-flow

　　flex-directionとflex-wrapのショートハンド

　　<flex-direction> <flex-wrap>

justify-content

　　flexコンテナの主軸に沿って1行のflexアイテムの配置を決める

　　flex-start | flex-end | center |space-between | space-around

align-items

　　flexコンテナのクロス軸に沿って1行のflexアイテムの配置を決める

　　stretch | flex-start | flex-end | center | baseline

align-content

　　flexコンテナの主軸に沿って複数行のflexアイテムの配置を決める

　order

　　flexアイテムの表示順をコントロールする

　　整数

　flex-grow

　　flexアイテムの伸びる倍率を指定

　　整数

　flex-shrink

　　flexアイテムの縮む倍率を指定

　　整数

　flex-basis

　　flexアイテムの主軸方向のサイズを指定

　　auto | 単位付きの数値

　　flex-grow、flex-shrink、flex-basisのショートハンド

　　<flex-grow> <flex-shrink> <flex-basis>

　align-self

　　flexアイテムのクロス軸方向の整列をalign-itemsの指定より優先させる

　　auto | stretch | flex-start | flex-end | center