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

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

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

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

書き方

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

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

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


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

人気のあるブログ:

コメントを残す

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

CAPTCHA


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