align-self:

align-self は CSS のプロパティで、グリッドやフレックスのアイテムの align-items の値を上書きする。グリッドでは、アイテムはグリッド領域内で配置される。フレックスボックスでは、アイテムは交差軸上で配置される。

(1)
align-self: auto
(2)
align-self: flex-start
(3)
align-self: flex-end
(4)
align-self: center
(5)
align-self: stretch