HTML DOM Style columnRuleWidth Property

Style Object

Example

Change the width rule between columns:

document.getElementById("myDIV").style.columnRuleWidth="10px";

Try it Yourself »

---

Definition and Usage

The columnRuleWidth property specifies the width of the rule between columns.

---

Browser Support

Internet Explorer 10 and Opera support the columnRuleWidth property.

Firefox supports an alternative property for this, the MozColumnRuleWidth property.

Safari and Chrome support an alternative property for this, the WebkitColumnRuleWidth property.

---

Syntax

Return the columnRuleWidth property:

object.style.columnRuleWidth

Set the columnRuleWidth property:

object.style.columnRuleWidth="medium|thin|thick|length|initial|inherit"

Property Values

Value	Description
medium	Default value. Defines a medium rule.
thin	Defines a thin rule.
thick	Defines a thick rule.
length	Specifies the width of the rule.
initial	Sets this property to its default value. Read about initial.
inherit	Inherits this property from its parent element. Read about inherit.

Technical Details

Default Value:	medium
Return Value:	A String, representing the column-rule-width property of the element.
CSS Version:	CSS3

---

Related Articles

CSS3 Tutorial: CSS3 Multiple Columns

CSS Reference: column-rule-width Property

---

Style Object