tableとcellspacingとcellpadding

質問

動的に生成されたHTMLに以下が記述されています。
<table class="type" border="0" cellspacing="2" cellpadding="1">
これを外部CSSを使って、cellspacing、cellpaddingをともに「0」としたいのですが、
記述方法がわかりません。
よい方法をご存じのかたはおられないでしょうか。

回答No.1

abril · ベストアンサー

> 外部CSSを使って、cellspacing、cellpaddingをともに「0」としたいのですが、

CSSが適用された時の見た目が上記の場合と同様になればよい、という事ですね？

table.type {
border-collapse: collapse;
}
table.type th,
table.type td {
padding: 0;
}

としておけばHTML側でcellspacing属性やcellpadding属性に0以外の値が入っていてもCSSのスタイルの方が優先されると思いますが、いかがですか？
＃IEは未検証です。

お礼

あるがとうございます。
早速やってみましたが、
IEでは少し隙間ができてしまいます。
その他のブラウザでは問題なかったです。