জাভাস্ক্রিপ্টে কলামের মধ্যে নিয়মের শৈলী সেট করা

কলামের মধ্যে বিভাজক রেখার শৈলী সেট করতে columnRuleStyle প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #myID {             column-count: 4;             column-rule: 4px dotted yellow;          }       </style>    </head>    <body>       <p>নিচে ক্লিক করে শৈলী পরিবর্তন করুন</p>       <button onclick="display()">কলামের মধ্যে শৈলী পরিবর্তন</button>       <div id="myID">          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।          এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।           এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট। এটি ডেমো টেক্সট।       </div>       <script>          function display() {             document.getElementById("myID").style.columnRuleStyle = "inset";          }       </script>    </body> </html>

ব্যাখ্যা: CSS-এ column-rule শর্টহ্যান্ড ব্যবহার করা হয়েছে, তবে জাভাস্ক্রিপ্টে শুধু শৈলী পরিবর্তন করতে columnRuleStyle প্রপার্টিটি ব্যবহার করা হয়েছে। সম্ভাব্য মান: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset।