HTMLでtable要素のセルの境界線の間隔を指定
CSSのborder-spacing というプロパティ、恥ずかしながら知りませんでした。
table要素の、セルの境界線どおしの間隔を指定できます。
【間隔】を１つ指定したら左右上下のセル間隔、
【間隔】を２つ指定したら左右と上下のそれぞれのセル間隔です。
書き方
border-spacing: 左右上下間隔
border-spacing: 左右間隔 上下間隔
例
table {
border-collapse: separate;
border-spacing: 3px 12px;
}
IEは８以上の対応みたいです。
他のブラウザは大丈夫でしょう！！
こういうブログもありました。
鹿児島県の出水市という所に住んでいまして、インターネット周辺で色々活動して行きたいと思ってるところです。
Webサイト作ったり、サーバ設定したり、プログラムしたりしている、釣りと木工好きなMacユーザです。
今はデータサイエンスに興味を持って競馬AI予想を頑張ってます。