CSS grid-template-rows गुण

वर्णन और उपयोग

grid-template-rows गुण ग्रिड लेआउट में पंक्तियों की संख्या (और ऊंचाई) को निर्धारित करता है.

मान अंतरहीन से अलग-अलग है, जिसमें प्रत्येक मान को उसकी पंक्ति की ऊंचाई को निर्दिष्ट किया गया है.

और देखें:

CSS शिक्षा:CSS ग्रिड लेआउट

CSS संदर्भ दस्तावेज़:grid-columns गुण

CSS संदर्भ दस्तावेज़:grid-template गुण

उदाहरण

row-size (ऊंचाई) निर्धारित करें:

.grid-container {
  display: grid;
  grid-template-rows: 100px 300px;
}

खुद आयात करें

CSS व्याकरण

grid-template-rows: none|auto|max-content|min-content|length|initial|inherit;

गुण मान

मान वर्णन
none आकार नहीं सेट किया गया. आवश्यकता पड़े तो पंक्ति बनाएं.
auto पंक्ति का आकार कंटेनर के आकार और पंक्ति में आइटम के सामग्री के आकार पर निर्भर करता है.
max-content पंक्ति में अधिकतम आइटम के आकार के अनुसार प्रत्येक पंक्ति का आकार सेट करें.
min-content पंक्ति में कम से कम आइटम के आकार के अनुसार प्रत्येक पंक्ति का आकार सेट करें.
length सत्ह के आकार को सेट करने के लिए वैध लंबाई मानों का उपयोग करके पंक्तियों का आकार सेट करें. देखेंलंबाई इकाई。

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: none
विरासत: नहीं
एनिमेशन निर्माण: समर्थित. देखें:एनिमेशन से संबंधित गुण。
संस्करणः CSS Grid Layout Module Level 1
JavaScript व्याकरणः object.style.gridTemplateRows="50px 200px"

ब्राउज़र समर्थन

तालिका में दिए गए नंबरों से पूर्णतया समर्थित इस गुण का पहला ब्राउज़र संस्करण को दर्शाया गया है。

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
57 16 52 10 44