CSS column-rule-width - कॉलम रूल की चौड़ाई सेट करें

column-rule-width प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की चौड़ाई निर्धारित करती है। यह column-rule शॉर्टहैंड का हिस्सा है।

उदाहरण: 5px चौड़ी डैश्ड रूल

<!DOCTYPE html>
<html>
<head>
  <style>
    .demo {
      column-count: 4;
      column-gap: 50px;
      column-rule-color: maroon;
      column-rule-style: dashed;
      column-rule-width: 5px;  /* रूल की चौड़ाई */
    }
  </style>
</head>
<body>
  <div class="demo">
    यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
  </div>
</body>
</html>

column-rule-width मान

शॉर्टहैंड: column-rule

/* column-rule-width | column-rule-style | column-rule-color */
column-rule: 5px dashed maroon;
column-rule: 2px solid #333;
column-rule: thick double blue;

संबंधित प्रॉपर्टीज़

• column-rule-color - रूल का रंग
• column-rule-style - रूल की शैली (solid, dashed, dotted, double, आदि)
• column-gap - कॉलम के बीच की दूरी (रूल इससे अलग है)