Властивість align-self задає вирівнювання вздовж поперечної осі для окремо взятого flex-елемента. По суті, align-self — це властивість align-items, але для конкретного елемента.
| align-self: stretch; | ![]() |
Елемент розтягується по розміру рядка контейнера вздовж поперечної осі. |
| align-self: flex-start; | ![]() |
Елемент розташовується на початку рядка контейнера (початок поперечної осі). Для елементів сітки макета (grid-елементи) допускається використання скороченого значення |
| align-self: flex-end; | ![]() |
Елемент розташовується в кінці рядка контейнера (кінець поперечної осі). Для елементів сітки макета (grid-елементи) допускається використання скороченого значення |
| align-self: center; | ![]() |
Елемент розташовується по центру рядка контейнера (посередині поперечної осі). |
| align-self: baseline; | ![]() |
Елемент розташовується по його базовій лінії рядка контейнера. |