Stijl alignItems eigenschap

definitie en gebruik

alignItems Deze eigenschap definieert de standaard uitlijning van items in een elastische container.

Tip:Gebruik de eigenschap van elk item align-self eigenschap om te dekken align-items eigenschap.

voorbeeld

Plaats de uitlijning van alle items van de elastische <div> elementen aan het begin van de container:

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

Probeer het zelf

syntaxis

Terugkeerwaarde van de alignItems eigenschap:

object.style.alignItems

Instellen van de alignItems eigenschap:

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

eigenschapswaarde

waarde beschrijving
stretch Standaard. De items worden uitgerekt om de container te passen.
center De items liggen in het midden van de container.
flex-start De items liggen aan het begin van de container.
flex-end De items liggen aan het einde van de container.
baseline De items worden geplaatst op de basallijn van de container.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap wordt geërfd van de ouder element. Raadpleeg inherit.

technische details

standaardwaarde: stretch
terugkeerwaarde: een string die de positie van het element align-items eigenschap.
CSS versie: CSS3

browserondersteuning

alignItems is een CSS3 (1999) kenmerk.

Alle browsers ondersteunen het volledig:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ondersteunt ondersteunt ondersteunt ondersteunt ondersteunt 11

gerelateerde pagina's

CSS Referentiesalign-items eigenschap

HTML DOM STYLE reference manual:alignContent property

HTML DOM STYLE reference manual:alignSelf property