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

कॉलम के बीच गैप सेट करने के लिए, columnGap प्रॉपर्टी का उपयोग करें।

उदाहरण

जावास्क्रिप्ट के साथ कॉलम के बीच गैप सेट करना सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <body>       <p>नीचे क्लिक करके 4 कॉलम बनाएं और 30px गैप सेट करें</p>       <button onclick="display()">कॉलम</button>       <div id="myID">          यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।          यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।       </div>       <script>          function display() {             document.getElementById("myID").style.columnCount = "4";             document.getElementById("myID").style.columnGap = "30px";          }       </script>    </body> </html>