उदाहरण
columnRule शॉर्टहैंड प्रॉपर्टी से कॉलम नियम की चौड़ाई, शैली और रंग एक साथ सेट करें।
<!DOCTYPE html>
<html>
<body>
<p>4 कॉलम बनाने के लिए नीचे क्लिक करें</p>
<button onclick="display()">कॉलम</button>
<div id="myID">
यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है।
</div>
<script>
function display() {
document.getElementById("myID").style.columnCount = "4";
document.getElementById("myID").style.columnRule = "2px outset red";
}
</script>
</body>
</html>
सिंटैक्स: columnRule: width style color। अलग-अलग प्रॉपर्टीज़ हैं: columnRuleWidth, columnRuleStyle, columnRuleColor।
