如何使用 JavaScript 设置列规则属性?


columnRule 属性用于在 JavaScript 中设置列规则。它允许你设置列规则之间的样式、颜色和宽度。

示例

你可以尝试运行以下代码在 JavaScript 中设置列规则属性 −

实时演示

<!DOCTYPE html>
<html>
   <body>
      <p>Click below to create 4 columns</p>
      <button onclick="display()">Columns</button>
      <div id="myID">
         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>
      <script>
         function display() {
            document.getElementById("myID").style.columnCount = "4";
            document.getElementById("myID").style.columnRule = "2px outset red";
         }
      </script>
   </body>
</html>

更新于: 2020 年 6 月 23 日

143 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.