CSS column-rule-style属性

• 

  定义和用法

  column-rule-style属性指定列之间规则的样式。

  特征	说明
  默认值	none
  继承	没有
  动画	没有。CSS动画参考
  CSS版本	CSS3
  JavaScript语法	object.style.columnRuleStyle="dotted"尝试一下

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  属性	Internet Explorer	Chrome	FireFox	Safari	Opera
  属性名称
  column-rule-style	10.0	50.0 4.0 -webkit-	52.0 2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

• 

  CSS语法

  column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
• 

  实例

  在列之间指定规则的样式：

  div {
    -webkit-column-rule-style: dotted; /* Chrome, Safari, Opera */
    -moz-column-rule-style: dotted; /* Firefox */
    column-rule-style: dotted;
  }

  尝试一下
• 

  属性值

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

• 

  相关页面

  HTML教程：HTML样式

  CSS教程：CSS多列