CSS स्तम्भ-चौड़ाई गुण

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

column-width गुण स्तम्भ की चौड़ाई को निर्धारित करता है。

और देखें:

CSS3 पढ़ाई:CSS3 की बहु-स्तम्भ

HTML DOM संदर्भ पुस्तक:columnWidth गुण

उदाहरण

स्तम्भ की चौड़ाई निर्धारित करता है:

div
{
column-width:100px;
}

अपने आप साफ करें

पृष्ठ के नीचे और अधिक उदाहरण हैं。

CSS ग्रामात

column-width: auto|length;

गुण मूल्य

मूल्य वर्णन परीक्षण
स्वचालित स्तम्भ की चौड़ाई को ब्राउज़र निर्धारित करता है。 परीक्षण
length स्तम्भ की चौड़ाई निर्धारित करता है。 परीक्षण

तकनीकी विवरण

मूलभूत मूल्य: स्वचालित
विरासत: नहीं
संस्करण: CSS3
जेसक्रिप्ट ग्रामात: object.style.columnWidth="100px"

और अधिक उदाहरण

Column-count
div एलीमेंट के भीतर लेख को तीन स्तम्भों में विभाजित करता है。
Column-gap
div एलीमेंट के भीतर लेख को तीन स्तम्भों में विभाजित करता है और बीच में 30 पिक्सल की गला लगाता है。
Column-rule
स्तम्भ के बीच की चौड़ाई, शैली और रंग निर्धारित करता है。

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

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

सभी संख्याओं को -webkit- या -moz- के साथ पढ़ा जाता है, जो प्रथम संस्करण के लिए प्रीफिक्स का उपयोग करते हैं。

च्रोम IE / एज फायरफॉक्स सफारी ओपेरा
50.0 10.0 52.0 10.0 37.0