CSS3 column-rule-style Property
To Specify the style of rule in a multicolumn layout
Definition and Notes.
1. The CSS column-rule-style property defines the style of the rule("vertical-line") drawn in between the columns in an element laid out with multiple columns
2. The values for the property are same as the border-style. Values of none or hidden creates no rule at all.
CSS column-rule-style property.
View in Splitscreen»
|dotted||Border made up of a series of square dots
|dashed||Border made up of a series of short-lines |
|solid||A plain solid line|
|double||Border made up of two solid lines|
|groove||Border appears to be carved into the page|
|ridge||Border appears to stick out from the page|
|inset||Border appears to be embedded into the page|
|outset||The Border appears to be comming out of the screen|
|none||No Border is shown at all|
|inherit||Inherits border-style from the parent element|
|Applies to||Element laid out using multiple Columns|
|Computed Value||Same as declared Value.|