CSS | column-rule-width 属性

CSS的column-rule-width属性定义分栏规则线的宽度。

语法

column-rule-width: thin | medium | thick | length | initial | inherit;

值 | 描述 ---|--- thin | 定义一个细的分栏规则线。默认值0。 medium | 定义一个适当的分栏规则线。 thick | 定义一个粗的分栏规则线。 length | 定义一个固定宽度的分栏规则线。可以是像素、厘米或者任意其他CSS长度单位。 initial | 设置属性值为默认值。 inherit | 从父元素继承属性值。

示例

.column-rule {
  -webkit-column-rule-width: 5px; /* Safari, Chrome, and other webkit browsers */
  -moz-column-rule-width: 5px; /* Firefox */
  column-rule-width: 5px;
}

浏览器兼容性

column-rule-width属性在所有主流的浏览器中都可用，包括IE9+。 但是，Safari和Chrome需要添加私有前缀“-webkit”来支持该属性。

caniuse.com提供了更全面的兼容性信息。

总结

column-rule-width属性用于控制分栏规则线的宽度，它可以取细、中、粗三种预定义值，或者取一个固定的长度。它可以使用在CSS中具有分栏元素的领域，例如多栏新闻，杂志和电子书等等。