あの<TABLE>で良く使う記述と同じ意味のCSS

質問

よくつかうテーブルの記述、

<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>

これと同じ意味合いをもつCSSの記述の方法はどうかくのでしょうか？

border:0とpadding:0の指定だけでは、明らかに足りてない（CELLSPACINGに相当する部分が不足している）と思うのですが、、、どのように記述したら良いのでしょう。

よろしくお願いします。

回答No.5

Adams2001 · ベストアンサー

表（TABLE)要素のスタイルシートについては、CSS Level2で定義されています。実装されているのはIE5.0以降とNetscape6などGecko系だけだと思います（どちらも完璧ではないようです）。

仕様上は分離ボーダーモデルで border-spacing:0 を指定すればボーダー間の隙間が0になります。が、IEもGeckoも実装が完璧ではないのでちょっと小細工した記述をしてやる必要があるようです（IEは分離ボーダーモデルの動作が仕様通りではなく、Geckoは結合ボーダーモデルがサポートされていない、と思う）。

<style type="text/css">
table { border-collapse:collapse;border-spacing:0 }
</style>

ボーダーを指定しなければ違いがわかりませんが、実際にはIEは結合ボーダーモデル、Geckoは分離ボーダーモデルでボーダー間0でレンダリングされるようです。以下のCSSではセルに1pxのボーダーが与えられますので、違いがわかるかと思います。

<style type="text/css">
table {border-collapse:collapse;border-spacing:0 }
td {border:1px solid black;}
</style>

細かい説明は省略というか荷が重いので、参考URLのCSS2の仕様書（和訳）を読んでください。かなり難解ですが(^_^;)

参考URL：

http://www.fan.gr.jp/~kaz/rec-css2/index.html

補足

Adams2001さん、ありがとうございます!!
（こういう回答をこそ所望しておりました。）