In order to access this site you need to enable JavaScript!

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

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

Browser support:

-moz-column-count:

-webkit-column-count:

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:

auto

The browser renders the contents automatically.

inherit

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:

<head>
    <style>
        .example {
            -moz-column-count: 2;
            -webkit-column-count: 2;
        }
    </style>
</head>
<body>
    <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!
    </div>
</body>