CSS grid-auto-rows गुण

रोगदान और उपयोग

grid-auto-rows गुण ग्रिड कंटेनर के लाइन को आकार देता है。

यह गुण केवल आकार नहीं सेट की गई लाइन पर प्रभाव डालता है。

और देखें:

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

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

उदाहरण

ग्रिड में लाइन के डिफ़ॉल्ट आकार को सेट करें:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

अपने आप प्रयोग करें

CSS व्याकरण

grid-auto-rows: auto|max-content|min-content|length;

गुण मान

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

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: auto
विरासत: नहीं
एनीमेशन निर्माण: समर्थन है। देखें:एनीमेशन से संबंधित गुण。
संस्करण: CSS Grid Layout Module Level 1
जेसक्रिप्ट व्याकरण: object.style.gridAutoRows="60px"

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

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

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44