Sifa ya grid-auto-rows

Sifa grid-auto-rows inabainisha idadi na upana wa safu za mistari, ambazo kipengele kitatumia kwenye gridi ya kawaida. Gridi ya kawaida - gridi inayoundwa otomatiki, wakati vipengele vinatoka nje ya mipaka ya gridi iliyowekwa tayari. Kwenye thamani ya sifa tunabainisha upana wa safu za mistari kwa vipimo vyovyote vya saizi. Sifa hubainishwa kwenye kipengele-kitazi na huamua upana wa safu za mistari ya vipengele-vizazi.

Kiundo

kichaguzi {
	grid-auto-rows: upana wa safu ya mstari;
}

Mfano

Wacha tuweke upana wa safu za mistari kwa vipengele vyetu kwenye gridi ya kawaida:

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

Angalia pia

sifa grid-auto-columns,
ambayo inabainisha idadi na upana wa safu wima kwenye gridi ya kawaida
sifa grid-template-rows,
ambayo inabainisha idadi na upana wa safu za mistari kwenye gridi