Style columnRuleStyle attribute

Definition and Usage

columnRuleStyle This property specifies the style of the rule between columns.

See also:

CSS3 Tutorial:CSS Multi-column

CSS Reference Manual:column-rule-style attribute

Example

Change the style of the rule between columns:

document.getElementById("myDIV").style.columnRuleStyle = "dotted";

Try It Yourself

Syntax

Return columnRuleStyle attribute:

object.style.columnRuleStyle

Set columnRuleStyle attribute:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
Value Description
none Define no border. Default.
hidden Same as "none", except when resolving border conflicts in table elements.
dotted Define dotted border.
dashed Define dashed border.
solid Define solid border.
double Define two borders. The width of both borders is the same as the border-width value.
groove Define 3D grooved border. The effect depends on border-color value.
ridge Define 3D ridged border. The effect depends on border-color value.
inset Define 3D inset border. The effect depends on border-color value.
outset Define 3D outset border. The effect depends on border-color value.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical Details

Default Value: None
Return Value: string, indicating the column-rule-style attribute.
CSS Version: CSS3

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0