Sifat grid-auto-rows

Sifat grid-auto-rows menetapkan kuantiti dan lebar baris yang akan diduduki oleh elemen dalam grid tersirat. Grid tersirat - grid yang diwujudkan secara automatik, apabila elemen keluar daripada rangka grid yang telah ditetapkan. Dalam nilai sifat, kita nyatakan lebar baris dalam sebarang unit untuk saiz. Sifat dinyatakan dalam elemen induk dan menentukan lebar baris bagi elemen-elemen anak.

Sintaks

pemilih {
	grid-auto-rows: lebar baris;
}

Contoh

Mari kita tetapkan lebar baris untuk elemen-elemen kita dalam grid tersirat:

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

Lihat juga

sifat grid-auto-columns,
yang menetapkan kuantiti dan lebar lajur dalam grid tersirat
sifat grid-template-rows,
yang menetapkan kuantiti dan lebar baris dalam grid