Stijl alignItems Eigenschap
Voorbeeld
Plaats de uitlijningen voor alle items van het flexibele <div>-element aan het begin van de container:
document.getElementById("main").style.alignItems = "flex-start";
Definitie en gebruik
De eigenschap alignItems specificeert de standaarduitlijning voor items in de flexibele container.
Tip: Gebruik de eigenschap align-self van elk item om de eigenschap align-items te overschrijven.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Nummers gevolgd door Webkit geven de eerste versie aan die met een voorvoegsel werkte.
Property | |||||
---|---|---|---|---|---|
alignItems | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
Syntaxis
Retourneer de eigenschap alignItems:
object.style.alignItems
Stel de eigenschap alignItems in:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
stretch | Default. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
baseline | Items are positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | rekken |
---|---|
Winstwaarde: | Een String, die de eigenschap align-items van een element voorstelt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap align-items
HTML DOM STYLE Referentie: alignContent eigenschap
HTML DOM STYLE Referentie: alignSelf eigenschap