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

投稿日: 投稿者:

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

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

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

書き方

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

例

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

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

こういうブログもありました。

人気のあるブログ：

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。