Attributo Style alignSelf

Definizione e uso

alignSelf L'attributo definisce il modo di allineamento dell'elemento selezionato all'interno del contenitore flessibile.

Nota:L'attributo alignSelf sovrascrive l'attributo align-items del contenitore flessibile Proprietà alignItems.

Esempio

Imposta il modo di allineamento di un elemento all'interno di un elemento flessibile per adattarsi al contenitore:

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

Prova da solo

Sintassi

Restituisce l'attributo alignSelf:

oggetto.style.alignSelf

Imposta l'attributo alignSelf:

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

Valore dell'attributo

Valore Descrizione
auto Predefinito. L'elemento eredita l'attributo align-items del contenitore flessibile, se non c'è un contenitore padre, allora è "stretch".
stretch L'elemento viene stirato per adattarsi al contenitore.
center L'elemento si trova al centro del contenitore.
flex-start L'elemento si trova all'inizio del contenitore.
flex-end L'elemento si trova alla fine del contenitore.
baseline L'elemento si trova sulla linea di base del contenitore.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Eredita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Valore di ritorno: Stringa che rappresenta l'elemento align-self attributo.
Versione CSS: CSS3

Supporto dei browser

alignItems È una caratteristica CSS3 (1999).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supportato Supportato Supportato Supportato Supportato 11

Pagine correlate

Manuale CSS:align-self attributo

Manuale di riferimento HTML DOM STYLE:Proprietà alignContent

Manuale di riferimento HTML DOM STYLE:Proprietà alignItems