年取ったからかなー。
えーと、あれ?どっちだっけ?ってなるやつ。
/* 位置による配置 */
/* align-items は左と右の値を取らない */
align-items: center; /* アイテムを中央付近にまとめる */
align-items: start; /* アイテムを先頭にまとめる */
align-items: end; /* アイテムを末尾にまとめる */
align-items: flex-start; /* フレックスアイテムを先頭にまとめる */
align-items: flex-end; /* フレックスアイテムを末尾にまとめる */
/* 位置による配置 */
justify-content: center; /* アイテムを中央に寄せる */
justify-content: start; /* アイテムを先頭に寄せる */
justify-content: end; /* アイテムを末尾に寄せる */
justify-content: flex-start; /* フレックスアイテムを先頭に寄せる */
justify-content: flex-end; /* フレックスアイテムを末尾に寄せる */
justify-content: left; /* アイテムを左端に寄せる */
justify-content: right; /* アイテムを右端に寄せる */
/* 均等配置 */
justify-content: space-between; /* 均等に配置・最初と最後は両橋ピッタリ */
justify-content: space-around; /* 均等に配置・先頭と末尾の間隔は半分 */
justify-content: space-evenly; /* 均等に配置・全て同じ間隔 */
justify-content: stretch; /* 均等に配置・サイズ'auto' は親枠に合わせて伸びる */
/* 位置による配置 */
justify-items: center; /* 中央 */
justify-items: start;または flex-start; /* 先頭側 */
justify-items: end; または flex-end;/* 末尾側 */
justify-items: self-start;
justify-items: self-end;
justify-items: left; /* 左側 */
justify-items: right; /* 右側 */
/* ベースラインの配置 */
justify-items: baseline;
justify-items: first baseline;
justify-items: last baseline;
justify-selfも同じ。
あ、ついでにこれも。
initial/inherit/unset
- initial:プロパティの初期値(または規定値)。初期値に戻したり改めて値を設定したい時用。
- inherit:プロパティ値を親要素から継承。値を親要素と合わせたい時用
- unset:プロパティをリセットして、親要素から継承できる場合(inherit)、継承されない場合は初期値を設定(initial)

