CSS स्तंभ-रूल-चौड़ाई विशेषता

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

column-rule-width गुण स्तम्भ के बीच की चौड़ाई नियम निर्धारित करता है।

और देखें:

CSS3 शिक्षण:CSS3 बहु-स्तम्भ

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

उदाहरण

स्तम्भ के बीच का रंग नियम सेट करता है:

div {
  column-rule-width: 10px;
}

स्वयं अभिप्राय करें

पृष्ठ के नीचे और इस्तेमाल के लिए

CSS व्याकरण

column-rule-width: thin|medium|thick|length;

गुण मूल्य

मूल्य वर्णन परीक्षण
thin सूक्ष्म नियम निर्धारित करता है। परीक्षण
मध्यम मध्यम नियम निर्धारित करता है। परीक्षण
thick चौड़ाई नियम निर्धारित करता है। परीक्षण
length नियम की चौड़ाई निर्धारित करता है। परीक्षण

तकनीकी विवरण

डिफ़ॉल्ट वैल्यूः मध्यम
विरासतः नहीं
संस्करणः CSS3
JavaScript व्याकरणः object.style.columnRuleWidth="thin"

और इस्तेमाल के लिए

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

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

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

सबसे पहले सेक्टर के लिए -webkit- या -moz- के साथ नंबर इस्तेमाल करते हैं।

च्रोम IE / एज फायरफॉक्स सैफारी ऑपेरा
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1