Хосияти grid-auto-rows

Хосияти grid-auto-rows миқдор ва бараи сатрҳоро муайян мекунад, ки унсур дар гриди нозухур ишғол мекунад. Гриди нозухур - гридест, ки ба таври худкор эҷод мешавад, вақте ки унсурҳо аз чорчӯбаи гриди аллакай муайяншуда берун мебароянд. Дар қимати хосият мо бараи сатрҳоро бо ҳар гуна воҳидҳои андоза муайян мекунем. Хосият дар унсур-волидайн муайян карда мешавад ва бараи сатрҳои унсурҳои фарзандонро муайян мекунад.

Синтаксис

интихобкунанда {
	grid-auto-rows: бараи сатр;
}

Намуна

Биёед бараи сатрҳоро барои унсурҳои мо дар гриди нозухур муайян кунем:

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

Ҳамчунин бубинед

хосияти grid-auto-columns,
ки миқдор ва бараи сутунҳоро дар гриди нозухур муайян мекунад
хосияти grid-template-rows,
ки миқдор ва бараи сатрҳоро дар грид муайян мекунад