YouTip

# Style columnRule Property [ Style Object](#) ## Example Set the width, style, and color rule between columns: document.getElementById("myDIV").style.columnRule="3px outset blue"; [Try it yourself »](#) * * * ## Definition and Usage The columnRule property is a shorthand property for setting all the columnRule* properties. The columnRule property sets the width, style, and color rule between columns. * * * ## Browser Support  Internet Explorer 10 and Opera support the columnRule property. Firefox supports an alternative property for this, which is the MozColumnRule property. Safari and Chrome support an alternative property for this, which is the WebkitColumnRule property. * * * ## Syntax Get the columnRule property: _object_.style.columnRule Set the columnRule property: _object_.style.columnRule="_column-rule-width column-rule-style column-rule-color_|initial|inherit" ## Property Values | Value | Description | | --- | --- | | _(#)_ | Sets the width rule between columns. Default value is medium. | | _(#)_ | Sets the style rule between columns. Default value is none. | | _(#)_ | Sets the color rule between columns. Default value is the color of the element. | | initial | Sets this property to its default value. See (#). | | inherit | Inherits this property from its parent element. See (#). | ## Technical Details | Default Value: | medium none _color_ | | --- | | Return Value: | A string, representing the column-rule property of an element. | | CSS Version | CSS3 | * * * ## Related Articles CSS3 Tutorial: (#) CSS Reference: (#) * * Style Object](#)