Omadus grid-auto-rows

Omadus grid-auto-rows määrab elementide poolt kaudses võres hõivatavate ridade arvu ja laiuse. Kaudne võre on võre, mis luuakse automaatselt, kui elemendid väljuvad juba määratletud võre piiridest. Omaduse väärtusena määrame ridade laiuse suvalistes mõõtühikutes mõõtude jaoks. Omadus määratakse vanemelemendis ja määrab lasteelementide ridade laiuse.

Süntaks

valija {
	grid-auto-rows: rea_laius;
}

Näide

Määrame oma elementide ridade laiuse kaudses võres:

<div id="parent">
	<div id="elem1">1</div>
	<div id="elem2">2</div>
	<div id="elem3">3</div>
	<div id="elem4">4</div>
	<div id="elem5">5</div>
</div>

#parent {
	display: grid;
	grid-template-columns: 100px 200px;
	grid-auto-rows: 40px 60px 80px;
	border: 2px solid #696989;
	padding: 10px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}

Vaata ka

omadus grid-auto-columns,
mis määrab kaudses võres veergude arvu ja laiuse
omadus grid-template-rows,
mis määrab võres olevate ridade arvu ja laiuse