YouTip LogoYouTip

Prop Style Columncount

# Style columnCount Property [![Image 8: Style Object Reference](#) Style Object](#) ## Example Divide the text in a div element into three columns: document.getElementById("myDIV").style.columnCount=3; [Try it Yourself Β»](#) * * * ## Definition and Usage The columnCount property specifies the number of columns an element should be divided into. * * * ## 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 columnCount property. Firefox supports an alternative property to this, the MozColumnCount property. Safari and Chrome support an alternative property to this, the WebkitColumnCount property. **Note:** Internet Explorer 9 and earlier versions do not support the columnCount property. * * * ## Syntax Return the columnCount property: _object_.style.columnCount Set the columnCount property: _object_.style.columnCount="_number_|auto|initial|inherit" ## Property Values | Value | Description | | --- | --- | | _number_ | The optimal number of columns into which the content of the element should be divided. | | auto | Default value. The number of columns is determined by other properties, such as "column-width". | | 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: | auto | | --- | --- | | Return Value: | A String, representing the column-count property of an element. | | CSS Version | CSS3 | * * * ## Related Articles CSS3 Tutorial: (#) CSS Reference: (#) * * Style Object](#)
← Prop Style ColumnfillProp Style Boxsizing β†’