よく忘れるやつ

年取ったからかなー。
えーと、あれ?どっちだっけ?ってなるやつ。

/* 位置による配置 */
/* 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も同じ。

あ、ついでにこれも。

initialinheritunset

  • initial:プロパティの初期値(または規定値)。初期値に戻したり改めて値を設定したい時用。
  • inherit:プロパティ値を親要素から継承。値を親要素と合わせたい時用
  • unset:プロパティをリセットして、親要素から継承できる場合(inherit)、継承されない場合は初期値を設定(initial
タイトルとURLをコピーしました