Opis:

CSS align-self Zapewnia wyrównanie dla elementu wewnątrz rodzica z wyświetlaniem flex.

CSS align-self - Przykład:

align-self: center;

Składnia:

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

CSS align-self - Spis wartości:

Nazwa Objaśnienie
autoWartość domyślna. Element dziedziczy wartość align-items od kontenera, lub rozciąga się jeżeli nie ma elementu nadrzędnego.
stretchElement jest pozycjonowany tak, żeby wkomponować się w kontener.
centerElement jest pozycjonowany w centrum kontenera.
flex-startElement jest pozycjonowany na początku kontenera.
flex-endElement jest pozycjonowany na końcu kontenera.
baselineElement jest pozycjonowany względem podstawy kontenera.
initialUstawia domyślną wartość.
inheritDziedziczy wartość po rodzicu.

Zobacz również:

order | flex-shrink | align-self | align-items | flex-basis |