JavaScript से कॉलम के बीच नियम का रंग कैसे सेट करें?

कॉलम नियम का रंग सेट करना

कॉलम के बीच नियम (रेखा) का रंग सेट करने के लिए JavaScript में columnRuleColor प्रॉपर्टी का उपयोग करें।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      #myID {
        column-count: 4;
        column-rule: 4px outset yellow;
      }
    </style>
  </head>
  <body>
    <p>रंग बदलने के लिए नीचे क्लिक करें</p>
    <button onclick="display()">कॉलम के बीच रंग बदलें</button>
    <div id="myID">
      यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
      यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    </div>
    <script>
      function display() {
        document.getElementById("myID").style.columnRuleColor = "red";
      }
    </script>
  </body>
</html>

कॉलम नियम प्रॉपर्टीज

JS प्रॉपर्टी	CSS प्रॉपर्टी	विवरण
`columnRuleColor`	`column-rule-color`	नियम का रंग
`columnRuleWidth`	`column-rule-width`	नियम की चौड़ाई
`columnRuleStyle`	`column-rule-style`	नियम की शैली (solid, dashed, आदि)
`columnRule`	`column-rule`	शॉर्टहैंड (width style color)

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

सभी आधुनिक ब्राउज़र्स में समर्थित (IE10+। पुराने वेबकिट में webkitColumnRuleColor प्रीफिक्स की आवश्यकता हो सकती है)।