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

You are here: Reference > CSS > properties > browser specific extensions > -webkit-border-horizontal-spacing

-webkit-border-horizontal-spacing property

Browser support:

Specifies the amount of horizontal space between cells in a table.

JavaScript page for this property: webkitBorderHorizontalSpacing. You can find other example(s) there.

Possible values:

One of the following values:

inherit

Takes the value of this property from the computed style of the parent element.

space in non-negative length

The space between cells in length units. For the supported length units, see the length page.

Default: 0.

Example HTML code 1:

This example illustrates the use of the -webkit-border-horizontal-spacing property:

<head>
    <style>
        .myTable {
            -webkit-border-horizontal-spacing: 20px;
            -webkit-border-vertical-spacing: 10px;
        }
    </style>
</head>
<body>
    <table class="myTable" border="2px">
        <tbody>
            <tr>
                <td>apple</td>
                <td>32</td>
            </tr>
            <tr>
                <td>peach</td>
                <td>64</td>
            </tr>
            <tr>
                <td>cherry</td>
                <td>23</td>
            </tr>
        </tbody>
    </table>
</body>