column-rule-width

版本: CSS3

CSS 特性 column-rule-color 让你可以设置在多列布局中被画在两列之间的规则(线条)的宽度。

示例

/* keyword values */
column-rule-width: thin;
column-rule-width: medium;
column-rule-width: thick;

/* length values */
column-rule-width: 1px;
column-rule-width: 2.5em;

column-rule-width: inherit;

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
IE10以上版本的浏览器都支持 column-rule-color

语法

column-rule-color :thin | medium | thick | <length>

取值:

  • medium :定义默认厚度的边框。
  • thin :定义比默认厚度细的边框。
  • thick :定义比默认厚度粗的边框。
  • <length> :用长度值来定义边框的厚度。不允许负值
  • 如果 column-rule-style 设置为 none 或者 hidden ,本属性将失去作用。
默认值 medium
适用于 定义了多列的元素
继承性
动画性 当是一个长度时
计算值 绝对长度值或者0(如果<column-rule-style>为 none 或者 hidden)

实例

div{
 -webkit-column-rule-width:1px; /*chrome,safari,opera*/
 -moz-column-rule-width:1px; /*firefox*/
 column-rule-width:1px;
}