Atrybut align-self CSS

Definicja i użycie

align-self Atrybut określa sposób wyrównania wybranego elementu w kontenerze elastycznym.

Uwaga:Atrybut alignSelf zastępuje właściwość align-items kontenera elastycznego. align-items Atrybuty.

Inne zasoby:

Kurs CSS:CSS Grid

Kurs CSS:CSS Flexbox

Podręcznik CSS:Atrybut alignContent

Podręcznik CSS:Atrybut alignItems

Podręcznik CSS:Atrybut justifySelf

Podręcznik HTML DOM:Atrybut alignSelf

Przykład

Wyśrodkuj jeden z elementów wewnątrz elastycznego elementu:

#myBlueDiv {
  align-self: center;
}

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
auto Domyślnie. Element dziedziczy właściwość align-items od kontenera macierzystego, jeśli nie ma kontenera macierzystego, to "stretch".
stretch Element jest rozciągnięty, aby dopasować się do kontenera.
center Element znajduje się w środku kontenera.
flex-start Element znajduje się na początku kontenera.
flex-end Element znajduje się na końcu kontenera.
bazowa Element jest umieszczony na bazowej linii kontenera.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: auto
Nasłuchiwanie: nie
Tworzenie animacji: Nie obsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS3
Gramatyka JavaScript: object.style.alignSelf="center"

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki obsługującą tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0