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

Thuộc tính viết tắt để đặt tất cả các thuộc tính column-rule- *

Thuộc tính viết tắt cho quy tắc cột là thuộc tính quy tắc cột. Bạn có thể thử chạy mã sau để triển khai quy tắc cột tài sản

Ví dụ

<!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.
      </div>
   </body>
</html>