Change the width of the rule between columns:
The columnRuleWidth property specifies the width of the rule between columns.
The columnRuleWidth property is supported in Internet Explorer 10 and Opera.
Firefox supports an alternative, the MozColumnRuleWidth property.
Safari and Chrome support an alternative, the WebkitColumnRuleWidth property.
Return the columnRuleWidth property:
Set the columnRuleWidth property:
Value | Description |
---|---|
medium | Default value. Defines a medium rule |
thin | Defines a thin rule |
thick | Defines a thick rule |
length | Specifies the width of the rule |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Default Value: | medium |
---|---|
Return Value: | A String, representing the column-rule-width property of an element |
CSS Version | CSS3 |
CSS3 tutorial: CSS3 Multiple Columns
CSS reference: column-rule-width property