Computer >> Máy Tính >  >> Lập trình >> CSS

Đặt chiều rộng của quy tắc giữa các cột bằng CSS

Sử dụng column-rule-width thuộc tính để đặt chiều rộng của quy tắc giữa các cột.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai thuộc tính column-rule-width:

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