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 касиети,
гриддеги катарлардын санын жана туурасын белгилейт