জাভাস্ক্রিপ্টে কলাম নিয়ম সেট করতে columnRule প্রপার্টিটি ব্যবহার করা হয়। এটি কলামের মধ্যে শৈলী, রং এবং প্রস্থ একসাথে সেট করার অনুমতি দেয়।
উদাহরণ
নিচের কোডটি চালিয়ে কলাম নিয়ম প্রপার্টিগুলো সেট করার পদ্ধতি দেখুন:
<!DOCTYPE html> <html> <body> <p>নিচে ক্লিক করে ৪টি কলাম তৈরি করুন</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 হল একটি শর্টহ্যান্ড প্রপার্টি যা columnRuleWidth, columnRuleStyle এবং columnRuleColor একসাথে সেট করে। উদাহরণে 2px outset red মানে: প্রস্থ ২পিক্সেল, শৈলী outset, রং লাল।