CSS कॉलम-रूल-स्टाइल एट्रिब्यूट

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

column-rule-style गुण स्तम्भ के बीच के शैली नियम को परिभाषित करता है。

और देखें:

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

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

उदाहरण

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

div {
  column-rule-style: dotted;
}

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

पृष्ठ के नीचे और इस तरह के अन्य उदाहरण हैं。

CSS व्याकरण

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

गुण मान

मान वर्णन परीक्षण
कोई नहीं कोई नियम नहीं परीक्षण
hidden छुपा रहा नियम परिभाषित करता है。 परीक्षण
dotted पॉइंट रेखा नियम परिभाषित करता है。 परीक्षण
dashed डॉटेड रेखा नियम परिभाषित करता है。 परीक्षण
solid सटीक रेखा नियम परिभाषित करता है。 परीक्षण
double दो रेखाओं के नियम परिभाषित करता है。 परीक्षण
groove 3D grooved नियम परिभाषित करता है। यह प्रभाव चौड़ाई और रंग मानों पर निर्भर करता है。 परीक्षण
ridge 3D ridged नियम परिभाषित करता है। यह प्रभाव चौड़ाई और रंग मानों पर निर्भर करता है。 परीक्षण
inset 3D inset नियम परिभाषित करता है। यह प्रभाव चौड़ाई और रंग मानों पर निर्भर करता है。 परीक्षण
outset 3D outset नियम परिभाषित करता है। यह प्रभाव चौड़ाई और रंग मानों पर निर्भर करता है。 परीक्षण

तकनीकी विवरण

मूलभूत मूल्य: कोई नहीं
विरासत करने की क्षमता: नहीं
संस्करण: CSS3
JavaScript व्याकरण: object.style.columnRuleStyle="dotted"

और इस तरह के अन्य उदाहरण

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