CSSでセルパディングとセルペイシングを設定するには？

HTMLのテーブルでは、cellpaddingとcellspacingを以下のように設定できます。

<table cellspacing="1" cellpadding="1">

同じことをCSSで実現するには？

LAT94
編集された質問 6日 6月 2018 в 7:40
プログラミング
html css html-table alignment
4日 12月 2008 в 8:45
17 ビュー
table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}
Hemerson Varela
編集した答え 23日 7月 2013 в 8:46
解説 (6)

テーブルのセルにマージンを設定しても、私の知る限り、実際には何の効果もありません。CSSでcellspacingに相当するのはborder-spacingですが、これはInternet Explorerでは動作しません。

border-collapse: collapseを使えば、前述のようにセルの間隔を確実に0に設定することができますが、それ以外の値の場合は、cellspacing`属性を使い続けるのが唯一のクロスブラウザの方法だと思います。

Peter Mortensen
編集した答え 2日 8月 2013 в 8:34
解説 (3)

また、cellspacing="0"にしたい場合は、tableのスタイルシートにborder-collapse: collapseを追加することを忘れないでください。

解説 (0)