HTMLでtable要素のセルの境界線の間隔を指定

CSSのborder-spacing というプロパティ、恥ずかしながら知りませんでした。

table要素の、セルの境界線どおしの間隔を指定できます。

【間隔】を１つ指定したら左右上下のセル間隔、
【間隔】を２つ指定したら左右と上下のそれぞれのセル間隔です。

書き方

border-spacing: 左右上下間隔

border-spacing: 左右間隔 上下間隔

例

table {
border-collapse: separate;
border-spacing: 3px 12px;
}

IEは８以上の対応みたいです。
他のブラウザは大丈夫でしょう！！

関連記事:

iPadの画面保護に、保護フィルム 元巨人・元パイレーツ　桑田真澄の名言 CodeIgniterのためのMAMPとNetbeansとXdebugの設定(Mac OS X) Ubuntu10 + Apache2 + SSL をやってみる Objective-Cの本、注文してしまいました Markdown記法　自分がよく使う分だけまとめ