質問

tableのcellpadding="0" cellspacing="0"をCSSで設定する方法を検索したところ、
border-collapse:collapse;
border-spacing:0;
というアドバイスが記載されていました。
実際に使ってみたのですが、
どうしてもセル余白とセル間隔が発生してしまいます。
どうしたらよいですか。

通報する

回答 (2件)

cellpadding="0"に相当するのは
セルのpadding:0;です。

IEの場合border-spacingは使えないので
table{border-collapse:collapse;}
th,td{padding:0;}
こんな風にすればいいのかな?

この回答へのお礼

ありがとうございました。
相当するのは、セルの指定だったのですか。
tableとtdの両方にCSSが必要ってことですね。

border-spacingはborder-collapseの値がseparateのときしか有効にならないそうです。
http://www.htmq.com/style/border-spacing.shtml

サンプルが
http://www.htmq.com/style/border-collapse.shtml
にあるので参考にしてください。

# それにしてもこんなプロパティがあるとは知らなかった…

この回答への補足

CSSのリファレンスサイトは結構みているつもりでしたが
こちらははじめて拝見しました。使えそうですね。
サンプルもわかりやすいので、すぐに対応できました。
ありがとうございました。

このQ&Aは役に立ちましたか?18 件

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

新しく質問する

注目の記事

このQ&Aを見た人が検索しているワード


新しく質問する

このカテゴリの人気Q&Aランキング

毎日見よう!教えて!gooトゥディ

べんりQ&A特集