Attributo Style alignItems

Definizione e uso

alignItems L'attributo definisce il modo di allineamento predefinito degli elementi all'interno del contenitore flessibile.

Suggerimento:Usa l'attributo di ogni elemento attributo align-self per coprire align-items attributo.

Esempio

Posiziona l'allineamento degli elementi di tutti i <div> flessibili all'inizio del contenitore:

document.getElementById("main").style.alignItems = "flex-start";

Prova a te stesso

Sintassi

Restituisce l'attributo alignItems:

oggetto.style.alignItems

Imposta l'attributo alignItems:

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

Valore dell'attributo

Valore Descrizione
stretch Predefinito. L'oggetto viene stirato per adattarsi al contenitore.
center L'oggetto si trova al centro del contenitore.
flex-start L'oggetto si trova all'inizio del contenitore.
flex-end L'oggetto si trova alla fine del contenitore.
baseline L'oggetto viene posizionato sulla linea di base del contenitore.
initial Questo attributo viene impostato sul suo valore predefinito. Vedi initial.
inherit Questo attributo viene ereditato dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: stretch
Valore di ritorno: Stringa che rappresenta l'elemento align-items 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 di riferimento CSS:align-items attributo

Manuale di riferimento HTML DOM STYLE:Proprietà alignContent

Manuale di riferimento HTML DOM STYLE:Proprietà alignSelf