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

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content