border
UK[?b?:d?(r)] US[?b?:rd?(r)]
n.Border; edge; edging; wrapping Edge
vt.& vi. Bound with, on the edge of...
vt. Along the edge of, surround..., edge...
vi. Approximate, adjacent
spacing
英[?spe?s??] 美[?spes??]
n. Spacing, spacing; span; density; spacing
css border-spacing property syntax
Function:border-spacing property sets the distance between the borders of adjacent cells (only used in "border separation" mode).
Description: This property specifies the distance between cell boundaries in the separated border model. Of the two length values ??specified, the first is the horizontal gap and the second is the vertical gap. This property is ignored unless border-collapse is set to separate. Although this property only applies to tables, it is inherited by all elements in the table.
Note: Some versions of IE browsers do not support this attribute. All major browsers support the border-spacing attribute. Internet Explorer 8 (and later) supports the border-spacing attribute if !DOCTYPE is specified.
css border-spacing property example
<!DOCTYPE>
<html>
<head>
<style type="text/css">
table.one
{
border-collapse: separate;
border-spacing: 10px
}
table.two
{
border-collapse: separate;
border-spacing: 10px 50px
}
</style>
</head>
<body>
<table class="one" border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr>
<td>Bush</td>
<td>George</td>
</tr>
</table>
<br />
<table class="two" border="1">
<tr>
<td>Carter</td>
<td>Thomas</td>
</tr>
<tr>
<td>Gates</td>
<td>Bill</td>
</tr>
</table>
<p><b>注釋：</b>php中文網(wǎng)</p>
</body>
</html>Click the "Run instance" button to view the online instance