border

UK[?b?:d?(r)] US[?b?:rd?(r)]

n.ボーダー; エッジ; エッジ; ラッピング エッジ

vt.& vi....の端でバインド...

vt. の端に沿って、囲む...、端...

vi . おおよその、隣接する

spacing

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

n. 間隔、間隔; スパン; 密度; 間隔

CSS 境界線間隔プロパティ 構(gòu)文

関數(shù):border-spacing プロパティは、隣接するセルの境界間の距離を設(shè)定します (「境界分離」モードでのみ使用されます)。

説明: このプロパティは、分離された境界モデルのセル境界間の距離を指定します。指定された 2 つの長(zhǎng)さの値のうち、1 つ目は水平ギャップ、2 つ目は垂直ギャップです。このプロパティは、border-collapse が分離に設(shè)定されていない限り無視されます。このプロパティはテーブルにのみ適用されますが、テーブル內(nèi)のすべての要素に継承されます。

注: IE ブラウザの一部のバージョンは、この屬性をサポートしていません。すべての主要なブラウザは、border-spacing 屬性をサポートしています。 Internet Explorer 8 (以降) では、!DOCTYPE が指定されている場(chǎng)合、border-spacing 屬性がサポートされます。

CSS 境界線間隔プロパティ 例

<!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>
インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します