Stijl alignContent Property
Voorbeeld
Plaats de items van het flexibele <div>-element met ruimte tussen de regels:
document.getElementById("main").style.alignContent = "space-between";
Definitie en gebruik
De eigenschap alignContent lijnt de items van de flexibele container uit wanneer de items niet alle beschikbare ruimte op de dwarsas (verticaal) innemen.
Tip: Gebruik de eigenschap justigenContent om de items op de hoofdas (horizontaal) uit te lijnen.
Opmerking: er moeten meerdere regels met items zijn om deze eigenschap enig effect te laten hebben.
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 | |||||
---|---|---|---|---|---|
alignContent | 21.0 | 11.0 | 28.0 | 9.0 7.0 Webkit |
12.1 |
Syntaxis
Retourneer de eigenschap alignContent:
object.style.alignContent
Stel de eigenschap alignContent in:
object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
stretch | Default value. 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 |
space-between | Items are positioned with space between the lines |
space-around | Items are positioned with space before, between, and after the lines |
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 tekenreeks, die de eigenschap align-content van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap align-content
HTML DOM STYLE Referentie: eigenschap alignItems
HTML DOM STYLE Referentie: alignSelf eigenschap
HTML DOM STYLE-referentie: eigenschap rechtvaardigenContent