“border-spacing”プロパティ:境界線の間隔

概要

“border-spacing”プロパティは“border-collapse”プロパティの値が“separate”である場合に隣接するボーダーの間隔を指定するプロパティです。

“border-collapse”プロパティの値が“collapse”である場合には“border-spacing”プロパティは意味を持ちません。

サンプルコード

値

テーブルの境界線と一番端にあるセルの境界線との間隔は“border-spacing”プロパティで指定した距離にテーブルの余白を加えた間隔になります。

値の指定方法

値は1つ、もしくはホワイトスペースで区切って2つ指定することができます。

値が1つの場合はその値が水平方向と垂直方向の両方の間隔となります。

値が2つの場合は1つ目の値が水平方向、2つ目の値が垂直方向の間隔となります。

仕様書

定義されている仕様書

border-spacing

<length>

境界線の間隔を指定する

table {

border-collapse: separate;
border-spacing: 5px;

}

会員番号	名前	住所
001	アザラシ	北極
002	ペンギン	南極
003	シャチ	太平洋

それぞれの方向の間隔を指定する

table {

border-collapse: separate;
border-spacing: 5px 10px;

}

会員番号	名前	住所
001	アザラシ	北極
002	ペンギン	南極
003	シャチ	太平洋