CSS कॉलम-काउंट प्रभाव

वर्णन और उपयोग

column-count गुण एलिमेंट को विभाजित करने के लिए संख्या निर्धारित करता है।

और देखें:

CSS3 पाठ्यक्रम:CSS3 का बहु-स्तम्भ

HTML DOM संदर्भ दस्तावेज़:columnCount गुण

उदाहरण

div एलिमेंट में टेक्स्ट को तीन स्तम्भों में विभाजित करता है:

div
{
column-count:3;
}

अपने आप प्रयास करें

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

CSS व्याकरण

column-count: संख्या|स्वचालित;

गुण मूल्य

मूल्य वर्णन परीक्षण
संख्या एलिमेंट के सामग्री को विभाजित करने के लिए सर्वश्रेष्ठ स्तम्भ संख्या。 परीक्षण
स्वचालित स्तम्भ संख्या द्वारा अन्य गुणों द्वारा निर्धारित की जाती है, जैसे "column-width"। परीक्षण

तकनीकी विवरण

मूलभूत मूल्य: स्वचालित
विरासत: नहीं
संस्करण: CSS3
JavaScript व्याकरण: object.style.columnCount=3

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

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

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

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

च्रोम आईई / एजेंडा फ़ायरफॉक्स सफारी ओपेरा
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1