Easy Tutorial
❮ Prop Date Form Prop Style Transitionproperty ❯

Style columnRuleStyle Property

Style Object

Example

Change the style rule between columns:


Definition and Usage

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


Browser Support

Internet Explorer 10 and Opera support the columnRuleStyle property.

Firefox supports an alternative property, MozColumnRuleStyle.

Safari and Chrome support an alternative property, WebkitColumnRuleStyle.


Syntax

Return the columnRuleStyle property:

Set the columnRuleStyle property:

Property Values

Value Description
none Default value. Defines no rule.
hidden Defines a hidden rule.
dotted Defines a dotted rule.
dashed Defines a dashed rule.
solid Defines a solid rule.
double Defines a double rule.
groove Specifies a 3D grooved rule. The effect depends on the width and color values.
ridge Specifies a 3D ridged rule. The effect depends on the width and color values.
inset Specifies a 3D inset rule. The effect depends on the width and color values.
outset Specifies a 3D outset rule. The effect depends on the width and color values.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: none
Return value: String, representing the column-rule-style property of the element.
--- ---
CSS Version CSS3
--- ---

Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

CSS Reference: column-rule-style Property


Style Object

❮ Prop Date Form Prop Style Transitionproperty ❯