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

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

grid-column-gap विशेषता ग्रिड लेआउट में स्तम्भ अंतराल के आकार को परिभाषित करती है。

अन्य संदर्भ:

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

CSS संदर्भ दस्तावेज़:grip-gap विशेषता

CSS संदर्भ दस्तावेज़:grip-row-gap विशेषता

उदाहरण

स्तम्भ अंतराल को 50 पिक्सल में सेट करें:

.grid-container {
  grid-column-gap: 50px;
}

अपने आप साबित कीजिए

CSS व्याकरण

grid-column-gap: length;

विशेषता मान

मान वर्णन
length कोई भी वैध लंबाई मान, जैसे पिक्सल या प्रतिशत. मूलभूत मान 0 है. देखेंलंबाई इकाई。

तकनीकी विवरण

मूलभूत मान: 0
विरासत: नहीं
एनिमेशन निर्माण: समर्थित. देखें:एनिमेशन से संबंधित विशेषताएँ。
संस्करण: CSS Grid Layout Module Level 1
जेसक्रिप्ट व्याकरण: object.style.gridColumnGap="50px"

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

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

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