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

-moz-column-gap property | -webkit-column-gap property

Browser support:
-moz-column-gap:
-webkit-column-gap:
Specifies the amount of space between columns.
JavaScript page for this property: MozColumnGap | webkitColumnGap. You can find other example(s) there.

Possible values:

 One of the following values: 
gap in non-negative length
The width of the gap in length units. For the supported length units, see the length page.
inherit
Takes the value of this property from the computed style of the parent element.
Default: 0.

Example HTML code 1:

This example illustrates the use of the -moz-column-gap and the -webkit-column-gap properties:
<head>
    <style>
        .example {
            -moz-column-width: 10em;
            -webkit-column-width: 10em;
            -moz-column-gap: 4em;
            -webkit-column-gap: 4em;
        }
    </style>
</head>
<body>
    <div class="example">
        You can specify the space between columns with the 
        -moz-column-gap and the -webkit-column-gap 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