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

Đặt kiểu của quy tắc giữa các cột bằng CSS

Để đặt kiểu quy tắc giữa các cột, hãy sử dụng kiểu quy tắc cột bất động sản. Bạn có thể thử chạy mã sau để triển khai cột-quy tắc-kiểu tài sản.

Ví dụ

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