columnRuleStyle ব্যবহার করুন৷ নিয়মের শৈলী সেট করার জন্য সম্পত্তি। জাভাস্ক্রিপ্ট -
সহ কলামগুলির মধ্যে নিয়মের শৈলী সেট করতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেনউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
#myID {
column-count: 4;
column-rule: 4px dotted yellow;
}
</style>
</head>
<body>
<p>Click below to change style</p>
<button onclick="display()">Change Style 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.columnRuleStyle = "inset";
}
</script>
</body>
</html> 