Search within TutorialsPark

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.

Syntax:

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

View in Splitscreen»

Code-Editor:



Property Values

Value Description Appearance
dotted Border made up of a series of square dots

dotted

dashed Border made up of a series of short-lines

dashed

solid A plain solid line

solid

double Border made up of two solid lines

double

groove Border appears to be carved into the page

groove

ridge Border appears to stick out from the page

ridge

inset Border appears to be embedded into the page

inset

outset The Border appears to be comming out of the screen

outset

none No Border is shown at all

none

inherit Inherits border-style from the parent element

inherit


Specifications

Specs Value
Name column-rule-style
Value <'border-style'>
Initial Value None
Applies to Element laid out using multiple Columns
Javascript syntax object.style.columnRuleStyle="dashed"
Inherited No
Computed Value Same as declared Value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.