You are here: Reference > CSS > properties > browser specific extensions > -moz-column-count

-moz-column-count property | -webkit-column-count property

Browser support:
Specifies the number of columns that the contents of the element should be flowed into.
JavaScript page for this property: MozColumnCount | webkitColumnCount. You can find other example(s) there.

Possible values:

 One of the following values: 
The browser renders the contents automatically.
Takes the value of this property from the computed style of the parent element.
number of columns (positive integer)
Integer, the number of columns.
Default: auto.

Example HTML code 1:

This example illustrates the use of the -moz-column-count and the -webkit-column-count properties:
        .example {
            -moz-column-count: 2;
            -webkit-column-count: 2;
    <div class="example">
        You can order the text content of an element into one or more columns with the 
        -moz-column-count and the -webkit-column-count properties.
        Resize the window!
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content