CSS स्तम्भ-अंतर गुण
परिभाषा और उपयोग
column-gap गुण स्तम्भों के बीच की दूरी निर्धारित करता है।
टिप्पणीःयदि स्तम्भों के बीच कॉलम-रूलयह अंतराल के बीच दिखाया जाएगा।
और देखें:
CSS3 शिक्षण:CSS3 बहु-स्तम्भ
HTML DOM संदर्भ दस्तावेज़:columnGap गुण
उदाहरण
स्तम्भों के बीच की दूरी 40 पिक्सल के रूप में निर्धारित करता है:
div {
column-gap: 40px;
}
पृष्ठ के नीचे और अधिक उदाहरण हैं。
CSS ग्रामर
column-gap: length|सामान्य;
गुण मान
| मान | वर्णन | परीक्षण |
|---|---|---|
| length | स्तम्भों के बीच की दूरी निर्दिष्ट लंबाई के रूप में सेट करता है। | परीक्षण |
| सामान्य | स्तम्भों के बीच की दूरी एक सामान्य दूरी के रूप में निर्धारित करता है।W3C की सिफारिश की गई गुणवत्ता 1em है। | परीक्षण |
तकनीकी विवरण
| मूलभूत मानः | सामान्य |
|---|---|
| विरासतियताः | नहीं |
| संस्करणः | CSS3 |
| जेसक्रिप्ट ग्रामरः | object.style.columnGap="40px" |
और अधिक उदाहरण
- Column-count
- div एलीमेंट में टेक्स्ट को तीन स्तम्भों में विभाजित करता है।
- Column-rule
- स्तम्भों के बीच की चौड़ाई, शैली और रंग निर्धारित करता है।
ब्राउज़र समर्थन
तालिका में नंबर प्रत्येक गुण के पूर्ण समर्थन वाले प्रथम ब्राउज़र वेर्सन को दर्शाते हैं।
सब-विन्यास -webkit- या -moz- के साथ नंबर इसके प्रथम संस्करण का प्रयोग करने के लिए दर्शाते हैं।
| गुण | च्रोम | IE / एज | फ़ायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|---|
| बहुस्तम्भ में | 50 | 10 | 52 | 10 | 37 |
| ग्रिड में | 66 | 16 | 61 | 12 | 53 |
| एलस्टिक बॉक्स में | 84 | 84 | 63 | 14.1 | 70 |
