Easy Tutorial
❮ Jsref Totimestring Prop Doc Cookie ❯

columnRule Property

Style Object

Example

Specifies the width, style, and color rules between columns:


Definition and Usage

The columnRule property is a shorthand property for setting all columnRule* properties.

The columnRule property sets the width, style, and color rules between columns.


Browser Support

Internet Explorer 10 and Opera support the columnRule property.

Firefox supports an alternative property, MozColumnRule.

Safari and Chrome support an alternative property, WebkitColumnRule.


Syntax

Return the columnRule property:

Set the columnRule property:

Property Values

Value Description
columnRuleWidth Sets the width rule between columns. The default value is medium.
columnRuleStyle Sets the style rule between columns. The default value is none.
columnRuleColor Sets the color rule between columns. The default value is the element's color.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default Value: medium none color
Return Value: A string representing the element's column-rule property.
--- ---
CSS Version CSS3
--- ---

Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

CSS Reference: column-rule Property


Style Object

❮ Jsref Totimestring Prop Doc Cookie ❯