column-rule-width

Summary

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

初始值medium
适用元素multicol elements
是否是继承属性
计算值the absolute length; 0 if the column-rule-style is none or hidden
Animation typea length

Syntax

Formal syntax: 
<'border-width'>
/* 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;

Values

<br-width> 
Is a <length> or one of the thin, medium or thick keyword describing the width of the rule separating two columns.

Example

#header {column-rule-width: thick;}

Specifications

Specification Status Comment
CSS Multi-column Layout Module
column-rule-width
Working Draft

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)-webkit (en-US) 3.5 (1.9.1)-moz (en-US) 10 11.1 3.0 (522)-webkit (en-US)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? (Yes) ? ? ?