Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ कॉलम के बीच नियम का रंग कैसे सेट करें?


columnRuleColor का प्रयोग करें नियमों का रंग निर्धारित करने के लिए जावास्क्रिप्ट में संपत्ति। आप जावास्क्रिप्ट के साथ कॉलम के बीच नियम का रंग सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #myID {
            column-count: 4;
            column-rule: 4px outset yellow;
         }
      </style>
   </head>
   <body>
      <p>Click below to change color</p>
      <button onclick="display()">Change Color between Columns</button>
      <div id="myID">
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
      </div>
      <script>
         function display() {
            document.getElementById("myID").style.columnRuleColor = "red";
         }
      </script>
   </body>
</html>

  1. CSS के साथ कॉलम के बीच नियम का रंग सेट करें

    स्तंभों के बीच रंग सेट करने के लिए, स्तंभ-नियम-रंग . का उपयोग करें संपत्ति। कॉलम-नियम-रंग . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति। इसके साथ, हम कॉलम नियम की शैली भी निर्धारित करेंगे: उदाहरण <!DOCTYPE html> <html>    <head>    

  1. सीएसएस के साथ कॉलम के बीच नियम की चौड़ाई निर्धारित करें

    स्तंभ-नियम-चौड़ाई का उपयोग करें कॉलम के बीच नियम की चौड़ाई निर्धारित करने के लिए संपत्ति। उदाहरण आप कॉलम-नियम-चौड़ाई प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html>    <head>       <style>     &nb

  1. सीएसएस के साथ कॉलम के बीच नियम की शैली सेट करें

    स्तंभों के बीच नियम की शैली सेट करने के लिए, स्तंभ-नियम-शैली . का उपयोग करें संपत्ति। कॉलम-नियम-शैली . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति। उदाहरण <!DOCTYPE html> <html>    <head>       <style>