用于设置所有 column-rule-* 属性的速记属性


column rule 的速记属性是 column-rule 属性。你可以尝试运行以下代码来实现column-rule 属性

示例

动态演示

<!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>

更新时间: 2020 年 6 月 24 日

76 次浏览

开启你的 职业生涯

完成课程,获得认证

开始
广告
© . All rights reserved.