Proprietà align-items CSS

Definizione e uso

align-items La proprietà specifica il modo di allineamento predefinito degli elementi all'interno del contenitore elastico.

Suggerimento:Usa la proprietà di ogni elemento align-self proprietà per sovrascrivere questa proprietà alignItems.

Vedi anche:

Tutorial CSS:CSS Grid

Tutorial CSS:CSS Flexbox

Manuale CSS:Proprietà alignContent

Manuale CSS:Proprietà alignSelf

Manuale CSS:Proprietà justifyContent

Manuale CSS:Proprietà justifyItems

Manuale CSS:Proprietà justifySelf

Manuale HTML DOM:Proprietà alignItems

Esempio

Allinea al centro tutti gli elementi del <div> elastico:

div {
  display: flex;
  align-items: center;
}

Prova tu stesso

Sintassi CSS

align-items: 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 alla linea di base del contenitore.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Inherita dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: stretch
Ereditarietà: No
Produzione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.alignItems="center"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

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