YouTip

# Style columnGap Property [ Style Object](#) ## Example Set the gap between columns to 40 pixels: document.getElementById("myDIV").style.columnGap="50px"; [Try it »](#) * * * ## Definition and Usage The columnGap property specifies the gap between columns. **Note:** If a column-rule is set between columns, it will appear in the middle of the gap. * * * ## Browser Support  Internet Explorer 10 and Opera support the columnGap property. Firefox supports an alternative property for this, the MozColumnGap property. Safari and Chrome support an alternative property for this, the WebkitColumnGap property. **Note:** Internet Explorer 9 and earlier versions do not support the columnGap property. * * * ## Syntax Return the columnGap property: _object_.style.columnGap Set the columnGap property: _object_.style.columnGap="_length_|normal|initial|inherit" ## Property Values | Value | Description | | --- | --- | | _length_ | Sets the gap between columns to a specified length. | | normal | Default value. Specifies a normal gap between columns. The W3C recommended value is 1em. | | 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: | normal | | --- | --- | | Return Value: | A string, representing the element's column-gap property. | | CSS Version | CSS3 | * * * ## Related Articles CSS3 Tutorial: (#) CSS Reference: (#) * * Style Object](#)