border

英 [?b?:d?(r)]? ?美 [?b?:rd?(r)]??

n.邊界;邊;鑲邊;包邊

vt.& vi.與…接界,在…的邊上

vt.沿…的邊,環(huán)繞…,給…鑲邊

vi.近似,毗鄰

spacing

英 [?spe?s??]? ?美 [?spes??]??

n.間隔,間距;跨距;疏密;留間隔

css border-spacing屬性 語法

作用:border-spacing 屬性設置相鄰單元格的邊框間的距離(僅用于“邊框分離”模式)。

說明:該屬性指定分隔邊框模型中單元格邊界之間的距離。在指定的兩個長度值中,第一個是水平間隔,第二個是垂直間隔。除非 border-collapse 被設置為 separate,否則將忽略這個屬性。盡管這個屬性只應用于表,不過它可以由表中的所有元素繼承。? ??

注釋:某些版本的IE瀏覽器不支持此屬性。所有主流瀏覽器都支持 border-spacing 屬性。如果已規(guī)定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 border-spacing 屬性。

css border-spacing屬性 示例

<!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中文網</p>
</body>
</html>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例