Prop Style Columncount
# Style columnCount Property
[ 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

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](#)
YouTip