cellspacing="0" cellpadding="0"の推奨スタイルシート記述

質問

初めまして。
cellspacing="0" cellpadding="0"をCSSで記述する場合。
いくつかあるかと思われますが、ブラウザ種類に対し現時点で互換性の高いと思われる、記述の仕方を教えてください。
ちょっと調べた感じでは、例えばcellspacing="0"は、一例として、
border-collapse:collapseみたいなことで、同様の意味としてスタイルシートに置き換えられるらしいです。
しかし表示結果の具合、推奨の有無を今のところ聞いていませんので、不安なんです。

現時点で、OperaやIEやFirefoxなど含め、色んな環境下で互換性が高い（推奨できる）といえる、
上級者の方から観て推奨でき得る、
よりベターなcellspacing="0"のスタイルシートへの書きかた（HTML）、
よりベターなcellpadding="0"のスタイルシートへの書きかた（HTML）、
をお教えください。

また、考え方なのですが、上記の互換性をクリアしない場合。
あらゆるユーザーのことを考えてあげれば、スタイルシートを諦め、
個別にHTMLで地道にcellspacing="0" cellpadding="0"を記述していくという考え方もあります。
ただWEBの基本原則として構造と見栄えは分離するというものがあるみたいで、
構造（HTML）に、cellspacing="0" cellpadding="0"のような見栄えを書き込んでしまうのは、
やはりNGなのでしょうか。
上級者の方から観れば、こういった構造はどのように思われますか？
もし「変」であれば、率直なご感想をお聞かせください。

しかし出来れば互換性が高いCSSの記述法が分かれば最良です。優先はスタイルシートでの解決です。

宜しくお願いいたします。

回答No.2

grumpy_the_dwarf

border-collapseがcollapseではcellspacingの意味がないのであっ
て、cellspacing="0"に等しいわけではありません。分離ボーダーモ
デルと結合ボーダーモデルの違いは分かってますか。分離ボーダー
モデルで表現できてこそ、cellspacingの代替でしょう。

というわけでCSS2.1にはちゃんとborder-spacingという属性が定義
されています。参考URLからどうぞ。

互換性どうこうを言うのなら、意味もなくxhtmlを使ったりせずに
html4.01あたりで正しくdoctype宣言を行うところから始めて、どう
しても妥協できない見栄えはブラウザごとに別のスタイルシートを
読み込む方向で解決するのがいいですよ。そうすれば閲覧者はスタ
イルシートを無効にして論旨を追えますから。

参考URL：

http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing

お礼

有難うございました。今後の参考にします。

回答No.1

salonpath

おはようございます

>cellspacing="0" cellpadding="0"をCSSで記述する場合。いくつかあるかと思われますが

いくつかもあるんですか？？
不勉強ですみません、border-collapseとpadding以外で
どれくらいの手段があるのか教えてくださいませんか？
よろしくお願いします。

ちなみに個人的には（0にするなら）
border-collapse:collapse;とpadding:0;で良いと思ってます。

***
>あらゆるユーザーのことを考えてあげれば
そうですか？
ユーザーは別にcellpaddingがあろうがなかろうが、border-collapse:collapse;を使っていようが関係ないんじゃないかと思います。
そこの指定があるかないかで内容が判らなくなる程、表組みが崩れる事ありますか？

考えてるのは本当にユーザーの事ですか？

お礼

有難うございました。

補足

＞どれくらいの手段があるのか教えてくださいませんか？
いくつかあるかと思われます、の書きかたです。ネットで調べていたときに
border-collapse:collapse以外の記述を見かけたように思うのですよ。
気のせいだったらご容赦ください。
また私はまだ入り口の初心者なので、そんなに突っ込まないでくださいね。
完璧な文や完璧な質問は出来ません。特に専門家の方から観ると…。
そう思って、質問させていただいています。

＞考えてるのは本当にユーザーの事ですか？
手法はまだいたらなくとも、ユーザーのことは第一に考えています。
＞ユーザーは別にcellpaddingがあろうがなかろうが、border-collapse:collapse;を使っていようが関係ないんじゃないかと思います。
そうなんですね。これを知りませんでした。

参考にいたします。