Opis

align-self określa wyrównanie elementu z tą własnością wewnątrz elastycznego pojemnika.

Ustawienia te nadpisują ustawienia align-items

Przykład
1
2
3
Kod:
Wartości

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

WartośćOpis
auto Domyślna. Element dziedziczy właściwość align-items kontenera nadrzędnego lub w przypadku braku kontenera nadrzędnego przyjmuje wartość 'stretch' (rozciągnij), .
stretch Element jest ustawiony tak, aby pasował do pojemnika (jest rozciągany).
center Element jest umieszczony na środku pojemnika
flex-start Element jest umieszczony na początku pojemnika
flex-end Element jest umieszczony na końcu pojemnika
baseline Element jest umieszczony na linii podstawowej pojemnika
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     
Info: Domyślna wartość: auto
Dziedziczenie:
Animowalność:
JavaScript: object.style.alignSelf