CSS ग्रिड-कोलम एट्रिब्यूट

परिभाषा और उपयोग

grid-column गुण ग्रिड प्रक्रिया के आकार और ग्रिड लेआउट में स्थान को निर्दिष्ट करता है, यह निम्नलिखित गुणों का लघुरूप है:

अन्य देखें:

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

उदाहरण

उदाहरण 1

इस प्रकार "item1" को कोलमां 1 से शुरू करके दो कोलमां पार करने देता है:

.item1 {
  grid-column: 1 / span 2;
}

खुद अभिप्राय करें

उदाहरण 2

आप कोलमां मान का प्रयोग कर सकते हैं कि जिसे पार करना है:

.item1 {
  grid-column: 1 / 3;
}

खुद अभिप्राय करें

CSS व्याकरण

grid-column: grid-column-start / grid-column-end;

गुण मूल्य

मूल्य वर्णन
grid-column-start प्रकटीकरण करने के लिए किस कोलमां से शुरू करना है。
grid-column-end परिस्थिति को परिभाषित करता है कि किस कोलमां (कोलमान) पर प्रकटीकरण स्थगित करना है या कितने कोलमां को पार करना है。

तकनीकी विवरण

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

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

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

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