CSSクイックリファレンス

align-items 交差軸方向に子を寄せる

background-color 背景色を塗る

color 文字の色を変える

display 箱の役割と、中の並び方を決める

display: block 幅いっぱいに積み上げる

display: flex 子を一方向に並べて寄せる

display: grid 子を行と列で組む

flex 子の伸び縮みをまとめて書く

flex-direction 主軸の向きを決める

font-size 文字の大きさを変える

gap 子と子の間隔を空ける

grid-template-columns 列の幅を決める

justify-content 主軸方向に子を寄せる

margin 外側の余白を空ける

padding 内側の余白を空ける

text-align 行の揃えを変える

width 幅を決める

border 線で囲む

border-radius 角を丸くする

display: inline 文字の流れに乗せる

display: inline-block 行の中で箱の寸法を持つ

display: none 箱を作らず、並びから外す

flex-grow 余った幅を子に分配する

flex-wrap 子を折り返すか決める

font-weight 文字の太さを変える

grid-column 子がまたぐ列を決める

grid-template-rows 行の高さを決める

place-items マスの中で子を縦横まとめて寄せる

position 基準位置を変える

z-index 重なりの順番を決める

align-content 折り返した行どうしを寄せる

align-self その子だけ交差軸の寄せを変える

display: inline-flex 行の中のフレックスの親要素

display: inline-grid 行の中のグリッドの親要素

flex-basis 伸び縮みの前の基準幅

flex-shrink 足りない幅を子から減らす

justify-items マスの中で子を左右に寄せる

order 見た目の順番を変える