HTML DOM columnRuleColor প্রপার্টি কলামের মধ্যবর্তী রুলের রঙ সেট বা ফেরত দেওয়ার জন্য ব্যবহৃত হয়।
সিনট্যাক্স
columnRuleColor প্রপার্টি সেট করার সিনট্যাক্স:
object.style.columnRuleColor = "color|initial|inherit"
এখানে, color রুলের রঙ নির্দিষ্ট করে। initial ডিফল্ট মান সেট করে এবং inherit পিতামাতা প্রপার্টি মান সেট করে।
উদাহরণ
<!DOCTYPE html> <html> <head> <style> #DIV1{ padding: 5px; column-count: 5; column-rule-width: 9px; column-rule-style: solid; column-rule-color: lightcoral; } </style> <script> function changeColumnRuleColor(){ document.getElementById("DIV1").style.columnRuleColor="blue"; document.getElementById("Sample").innerHTML="কলাম রুল রঙ এখন পরিবর্তিত হয়েছে"; } </script> </head> <body> <div id="DIV1"> <img src="https://www.tutorialspoint.com/images/Swift.png"><br/> <img src="https://www.tutorialspoint.com/images/xamarian.png"><br/> <img src="https://www.tutorialspoint.com/images/pl-sql.png"><br/> <img src="https://www.tutorialspoint.com/images/asp-net.png"><br/> <img src="https://www.tutorialspoint.com/images/powerbi.png"><br/> <img src="https://www.tutorialspoint.com/images/Tableau.png"><br/> <img src="https://www.tutorialspoint.com/images/Big-Data-Analytics.png"><br/> <img src="https://www.tutorialspoint.com/images/microsoftproject.png"> <img src="https://www.tutorialspoint.com/images/QlikView.png"><br/> <img src="https://www.tutorialspoint.com/images/hadoop.png"> </div> <p>নিচের বাটনে ক্লিক করলে উপরের div-এর কলাম রুল রঙ পরিবর্তন হবে</p> <button onclick="changeColumnRuleColor()">কলাম রুল রঙ পরিবর্তন করুন</button> <p id="Sample"></p> </body> </html>
আউটপুট
কলাম রুল রঙ পরিবর্তন করুন বাটনে ক্লিক করলে:
