flex-direction (子要素の並ぶ向き)

flex-direction: row;

flex-direction: row-reverse;

flex-direction: column;

flex-direction: column-reverse;

flex-wrap (子要素の折り返し方)

flex-wrap: nowrap;

flex-wrap: wrap;

flex-wrap: wrap-reverse;

justify-content (水平方向の並び方)

justify-content: flex-start;

justify-content: flex-end;

justify-content: center;

justify-content: space-between;

justify-content: space-around;

align-items (垂直方向の並び方)

align-items: stretch;

align-items: flex-start;

align-items: flex-end;

align-items: center;

align-items: baseline;

align-content (複数行の並び方)

align-content: stretch;

align-content: flex-start;

align-content: flex-end;

align-content: center;

align-content: space-between;

align-content: space-around;

order (並ぶ順番の入れ替え方)

flex-grow (子要素の横幅の比率の変え方)

flex-shrink (子要素の横幅の縮む比率の変え方)

flex-basis (子要素の基準となる横幅の指定)

align-self (子要素の垂直方向の揃え方)

align-self: auto;

align-self: flex-start;

align-self: flex-end;

align-self: center;

align-self: stretch;

align-self: baseline;