備忘録的プログラミングリファレンス

border-spacingプロパティ

 border-spacingプロパティは、<table>エレメントのborder線に関するプロパティで、<table>のborder線と<th><td>エレメントのborder線のスペース幅を設定できます。

 border-spacingプロパティを利用するには、border-collapse: separate;である必要があります。

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

構文(Syntax)

CSS

border-spacing: length | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.borderSpacing;
値の設定
object.style.borderSpacing="length | initial | inherit";

Values

Value摘要
length長さの単位、初期値(default値)は2px
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)2px
継承(Inherited)yes
変化(Animatable)yes

Example

 <table><th><td>は色を分けて表示しています。