CSS ग्रिड-रो-एंड प्रकृति
- पिछला पृष्ठ grid-row
- अगला पृष्ठ grid-row-gap
परिभाषा और उपयोग
grid-row-end गुण निर्दिष्ट करता है कि प्रोजेक्ट कितनी पंक्तियों में फैलेगा या प्रोजेक्ट किस पंक्ति पर समाप्त होगा।
पान के अंत में के उदाहरणों को देखें।
और देखें:
CSS शिक्षा:CSS ग्रिड लेआउट
उदाहरण
उदाहरण 1
इस तरह "item1" को तीन पंक्तियों में फैलाया जाएगा:
.item1 {
grid-row-end: span 3;
}
उदाहरण 2
आप लंबाई में फैलाने वाली पंक्तियों के स्थान पर रोड लाइन मूल्य का उपयोग कर सकते हैं:
.item1 {
grid-row-end: 3;
}
CSS व्याकरण
grid-row-end: auto|row-line|span n;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| ऑटो | डिफ़ॉल्ट मूल्य। प्रोजेक्ट एक पंक्ति में फैला जाएगा। |
| span n | प्रोजेक्ट को लंबाई में कितनी पंक्तियों में फैलाना है। |
| column-line | प्रोजेक्ट को खत्म करने वाली पंक्ति को निर्दिष्ट करता है। |
तकनीकी विवरण
| डिफ़ॉल्ट मूल्य: | ऑटो |
|---|---|
| विरासत: | नहीं |
| एनिमेशन निर्माण: | समर्थन है। देखें:एनिमेशन संबंधी गुण। |
| संस्करण: | CSS Grid Layout Module Level 1 |
| जेसक्रिप्ट संग्रह | object.style.gridRowEnd="4" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों ने इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को निर्दिष्ट करते हैं।
| च्रोम | IE / एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- पिछला पृष्ठ grid-row
- अगला पृष्ठ grid-row-gap
