Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ตั้งค่าสีเส้นคั่นคอลัมน์ด้วย CSS

ใช้คุณสมบัติ column-rule-color เพื่อตั้งค่าสีของเส้นคั่นระหว่างคอลัมน์ ร่วมกับ column-rule-style สำหรับรูปแบบเส้น

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;             column-gap: 50px;             column-rule-color: orange;             column-rule-style: dashed;          }      </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. This is demo text.            This is demo text. This is demo text.       </div>    </body> </html>