Dùng thuộc tính columnRuleWidth để đặt độ rộng giữa cột. Bạn có thể chạy mã sau để đặt độ rộng đường kẻ giữa các cột với JavaScript −
Ví dụ
<!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; column-rule: 4px solid yellow; } </style> </head> <body> <p>Nhấn dưới để thay đổi độ rộng</p> <button onclick="display()">Thay đổi độ rộng giữa các cột</button> <div id="myID"> Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. </div> <script> function display() { document.getElementById("myID").style.columnRuleWidth = "8px"; } </script> </body> </html>