Właściwość Style alignSelf

definicja i użycie

alignSelf właściwość określa sposób wyrównania wybranej pozycji w kontenerze elastycznym.

komentarz:właściwość alignSelf nadpisuje właściwość align-items kontenera elastycznego. Atrybut alignItems.

przykład

ustawienie sposobu wyrównania dla jednego z elementów wewnątrz elementu elastycznego, aby dopasować się do kontenera:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

spróbuj sam

gramatyka

zwróć właściwość alignSelf:

object.style.alignSelf

ustawienie właściwości alignSelf:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

wartość właściwości

wartość opis
auto domyślnie. Element dziedziczy właściwość align-items kontenera elastycznego, jeśli nie ma kontenera, 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.
baseline element znajduje się na bazowej linii kontenera.
initial ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit dziedziczy tę właściwość od rodzica elementu. Zobacz: inherit.

szczegóły techniczne

domyślna wartość: auto
wartość zwracana: łańcuch znaków, który reprezentuje align-self właściwość.
wersja CSS: CSS3

wsparcie przeglądarek

alignItems jest cechą CSS3 (1999).

wszystkie przeglądarki wsparły je w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
obsługiwane obsługiwane obsługiwane obsługiwane obsługiwane 11

powiązane strony

CSS podręcznik referencyjny:align-self właściwość

Przeglądarka HTML DOM STYLE:Atrybut alignContent

Przeglądarka HTML DOM STYLE:Atrybut alignItems