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

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

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

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

書き方

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

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

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

鹿児島県の出水市という所に住んでいまして、インターネット周辺で色々活動して行きたいと思ってるところです。 Webサイト作ったり、サーバ設定したり、プログラムしたりしている、釣りと木工好きなMacユーザです。 今はデータサイエンスに興味を持って競馬AI予想を頑張ってます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

コメントする

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