Search within TutorialsPark

CSS3 column-rule-width Property


To Specify the width of the rule in a multicolumn layout


Definition and Notes.

1. The CSS column-rule-width property defines the width of the rule("vertical-line") drawn in between the columns in an element laid out with multiple columns

Syntax:

CSS column-rule-width property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:



Property Values

Value Description
thin To set a thin width rule.
medium To set a medium width rule.
thick To set a thick width rule.
length To set the width of the rule using length values (px, pt, cm, em etc).

Specifications

Specs Value
Name column-rule-width
Value thin | medium | thick | <'length'>
Initial Value Medium
Applies to Element laid out using multiple Columns
Javascript syntax object.style.columnRuleWidth="10px"
Inherited No
Computed Value Absolute length; 0 if the style of the border is none or hidden.
Browser Support internetexplorer safari firefox opera chrome


Related Examples.