JavaScript HTML DOM Style columnRuleStyle 属性

  • columnRuleStyle 属性

    columnRuleStyle属性指定列之间规则的样式。
    在列之间更改规则的样式:
    document.getElementById("myDIV").style.columnRuleStyle = "dotted";
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    columnRuleStyle
    10.0+
    支持
    不支持
    用 MozcolumnRuleStyle
    支持
    支持
  • 语法

    返回columnRuleStyle属性:
    object.style.columnRuleStyle
    设置columnRuleStyle属性:
    object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset| initial|inherit"
  • 属性值

    描述
    none 默认值。 没有规定
    hidden 定义隐藏的规则
    dotted 定义虚线规则
    dashed 定义虚线规则
    solid 定义一个可靠的规则
    double 定义双重规则
    groove 指定3D凹槽规则。 效果取决于宽度和颜色值
    ridge 指定3D脊状规则。 效果取决于宽度和颜色值
    inset 指定3D插入规则。 效果取决于宽度和颜色值
    outset 指定3D开始规则。 效果取决于宽度和颜色值
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: none
    返回值: 一个String,表示元素的column-rule-style属性
    CSS版本 CSS3
  • 相关页面

    CSS教程:CSS3多列