ग्रिड-ऑटो-रोज़ गुण

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 गुण,
जो ग्रिड में पंक्तियों की संख्या और चौड़ाई निर्धारित करता है