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

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

-moz-column-width property | -webkit-column-width property

Browser support:

-moz-column-width:

-webkit-column-width:

Specifies the suggested width of columns. The width of a column may be different from this value depending on its contents.

JavaScript page for this property: MozColumnWidth | webkitColumnWidth. 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.

width in non-negative length

The width of the column in length units. For the supported length units, see the length page.

Default: auto.

Example HTML code 1:

This example illustrates the use of the -moz-column-width and the -webkit-column-width properties:

<head>
    <style>
        .example {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            -moz-column-width: 100px;
            -webkit-column-width: 100px;
        }
    </style>
</head>
<body>
    <div class="example">
        You can order the text content of an element into fixed width columns with the 
        -moz-column-width and the -webkit-column-width properties.
    </div>
</body>