Savybė grid-auto-rows

Savybė grid-auto-rows nustato eilučių kiekį ir plotį, kurį elementas užims netiesioginiame gride. Netiesioginis gridas - gridas, kuris sukuriamas automatiškai, kai elementai išeina už jau pažymėto grido ribų. Savybės reikšmėje nurodome eilučių plotį bet kuriame vienetuose dydžiams. Savybė nurodoma tėvinėje elemento ir nustato antrinių elementų eilučių plotį.

Sintaksė

selektorius {
	grid-auto-rows: eilutės plotis;
}

Pavyzdys

Nustatykime eilučių plotį mūsų elementams netiesioginiame gride:

<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;
}

Taip pat žiūrėkite

savybė grid-auto-columns,
kuri nustato stulpelių kiekį ir plotį netiesioginiame gride
savybė grid-template-rows,
kuri nustato eilučių kiekį ir plotį gride