YouTip LogoYouTip

Prop Style Columnspan

# Style columnSpan Property [![Image 8: Style Object Reference](#) Style Object](#) ## Example Make the h2 element span all columns: document.getElementById("myDIV").style.columnSpan="all"; [Try it Yourself Β»](#) * * * ## Definition and Usage The columnSpan property specifies how many columns an element should span. * * * ## Browser Support ![Image 9: Internet Explorer](#)![Image 10: Firefox](#)![Image 11: Opera](#)![Image 12: Google Chrome](#)![Image 13: Safari](#) Internet Explorer 10 and Opera support the columnSpan property. Safari and Chrome support an alternative property for this, the WebkitColumnSpan property. * * * ## Syntax Get the columnSpan property: _object_.style.columnSpan Set the columnSpan property: _object_.style.columnSpan="1|all|initial|inherit" ## Property Values | Value | Description | | --- | --- | | 1 | Default value. The element should span one column. | | all | The element should span all columns. | | initial | Sets this property to its default value. See (#). | | inherit | Inherits this property from its parent element. See (#). | ## Technical Details | Default Value: | 1 | | --- | | Return Value: | A string, representing the column-span property of the element. | | CSS Version | CSS3 | * * * ## Related Articles CSS3 Tutorial: (#) CSS Reference: (#) * * Style Object](#)
← Prop Style ColumnwidthProp Style Columns β†’