JavaScript से कॉलम चौड़ाई और कॉलम काउंट कैसे सेट करें?

CSS कॉलम्स शॉर्टहैंड प्रॉपर्टी

कॉलम चौड़ाई और कॉलम काउंट को एक ही घोषणा में सेट करने के लिए JavaScript columns प्रॉपर्टी का उपयोग करें।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      #myID {
        column-count: 4;
        column-rule: 4px solid yellow;
      }
    </style>
  </head>
  <body>
    <p>क्लिक करके कॉलम काउंट 2 करें और न्यूनतम आकार सेट करें</p>
    <button onclick="display()">कॉलम काउंट और आकार बदलें</button>
    <div id="myID">
      यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
    </div>
    <script>
      function display() {
        document.getElementById("myID").style.columns = "70px 2";
      }
    </script>
  </body>
</html>

व्याख्या

• columns: "70px 2" का अर्थ: न्यूनतम कॉलम चौड़ाई 70px, अधिकतम 2 कॉलम।
• यह column-width और column-count का शॉर्टहैंड है।
• मान क्रम: column-width column-count (कोई भी पहले आ सकता है)।

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