CSS स्तम्भ गुण
- पिछला पृष्ठ स्तम्भ-विड्थ
- अगला पृष्ठ @कंटेनर
विभावना और उपयोग
columns गुण एक संक्षिप्त गुण है, जो स्तम्भ चौड़ाई और स्तम्भ संख्या सेट करता है。
और देखें:
CSS3 शिक्षा:CSS3 बहु-स्तम्भ
HTML DOM संदर्भ दस्तावेज़:columns गुण
उदाहरण
स्तम्भ की चौड़ाई और स्तम्भ संख्या निर्धारित करता है:
div
{
columns:100px 3;
}
पृष्ठ के नीचे और अधिक उदाहरण हैं。
CSS व्याकरण
columns: स्तम्भ-विड्थ column-count;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| स्तम्भ-विड्थ | स्तम्भ की चौड़ाई |
| column-count | स्तम्भ संख्या |
तकनीकी विवरण
| मूलभूत मूल्य: | स्वचालित स्वचालित |
|---|---|
| विरासत: | नहीं |
| संस्करण: | CSS3 |
| जेसक्रिप्ट व्याकरण: | ऑब्जेक्ट.style.columns="100px 3" |
और अधिक उदाहरण
- स्तम्भ-गण
- div एलीमेंट के भीतर लेख को तीन स्तम्भों में बांटता है。
- स्तम्भ-गैप
- div एलीमेंट के भीतर लेख को तीन स्तम्भों में बांटा देता है, और स्तम्भों के बीच 30 पिक्सल का अंतर है。
- स्तम्भ-नियम
- स्तम्भों के बीच की चौड़ाई, शैली और रंग निर्धारित करता है。
ब्राउज़र समर्थन
तालिका में दिखाया गया नंबर पहली बार इस गुण के पूर्ण समर्थन वाले ब्राउज़र का संस्करण को दर्शाता है。
जो -webkit- या -moz- से लेकर नंबर दिखाया गया है, वह प्रारंभिक संस्करण के लिए प्रीफिक्स का प्रयोग करता है。
| च्रोम | IE / एज | फ़ायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| 50.0 4.0 -webkit- |
10.0 | 52.0 9.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
- पिछला पृष्ठ स्तम्भ-विड्थ
- अगला पृष्ठ @कंटेनर
