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>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content