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