HTML CSS JAVASCRIPT JQUERY AI PHP SQL EXCEL LINUX C# C++ C PYTHON JAVA 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ

用于设置所有 column-rule-* 属性的简写属性

cssweb developmentfront end technology更新于 2024/8/18 7:40:17

列规则的简写属性是 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>

相关文章

有用资源

打印 下一节:使用 CSS 设置列间规则的颜色 ❯❮ 上一节:使用 CSS 指定列之间的间隙