border

UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]

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

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

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

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

spacing

英[ˈspeɪsɪŋ] 美[ˈspesɪŋ]

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

CSS 境界線間隔プロパティ 構文

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

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

注: IE ブラウザの一部のバージョンは、この属性をサポートしていません。すべての主要なブラウザは、border-spacing 属性をサポートしています。 Internet Explorer 8 (以降) では、!DOCTYPE が指定されている場合、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中文网</p>
</body>
</html>
インスタンスの実行 »

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