คุณสมบัติ shorthand column-rule ใช้ตั้งค่า column-rule-width, column-rule-style, column-rule-color พร้อมกัน
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50px; column-rule: 2px dotted orange; } </style> </head> <body> <div class = "demo"> 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. This is demo text. This is demo text. This is demo text. </div> </body> </html>
