CSS ग्रिड-कोलम-एंड प्रभाव

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

grid-column-end विशेषता प्रोजेक्ट कितने कोलमों में ताकत करेगी या प्रोजेक्ट किस कोलम लाइन (column-line) पर समाप्त होगा।

पान के अंत में के उदाहरण को देखिए।

दूसरे देखें:

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

उदाहरण

उदाहरण 1

"item1" को तीन कोलमों में ताकत करने के लिए:

.item1 {
  grid-column-end: span 3;
}

खुद को प्रयोग करें

उदाहरण 2

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

.item1 {
  grid-column-end: 3;
}

खुद को प्रयोग करें

CSS व्याकरण

grid-column-end: auto|span n|column-line;

विशेषता मान

मान वर्णन
auto मूलभूत मान। प्रोजेक्ट एक कोलम में ताकत करेगा।
span n प्रोजेक्ट को ताकत करने वाले कोलम संख्या को निर्धारित करता है।
column-line जहां पर प्रोजेक्ट को स्थगित करना है।

तकनीकी विवरण

मूलभूत मान: auto
विरासत: नहीं
एनीमेशन निर्माण: समर्थन है। देखिए:एनीमेशन से संबंधित विशेषताएँ。
संस्करण: CSS ग्रिड लेआउट मॉड्यूल लेवल 1
जेसक्रिप्ट व्याकरण: object.style.gridColumnEnd="5"

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

ग्रिड में की गई आंकड़ा इस विशेषता को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को सूचित करती है।

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