tableタグ内で、空白セルでも罫線を表示させられるためのタグは

解決済

質問者：litton101
質問日時：2007/06/21 15:49
回答数：3件

次のように、1行×5列のテーブルがあります。

<html><body>
<table border="1">
<tr>
<td>1</td>
<td></td>
<td> </td>
<td>　</td>
<td></td>
</tr>
</table>
</body></html>

1列目：文字列 1
2列目：未記入
3列目：半角スペース
4列目：全角スペース
5列目：文字実体参照の

2列目と3列目だけ、罫線が表示されないですが（セルがつぶれてみえる）
わざわざとかで<td>と</td>の間を埋めなくても、
罫線を明示的に表示させられるタグがあったと思いましたが、何だったでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： key-child
回答日時：2007/06/21 21:13

タグではないが、対応してれば希望の形になるでしょう。

CSS2リファレンス　空セルのボーダーと背景を制御
http://hp.vector.co.jp/authors/VA022006/css/tabl …
CSS2リファレンス　付録：empty-cellsプロパティ対応状況
http://hp.vector.co.jp/authors/VA022006/css/corr …

余談
HTML4.01邦訳　空白類
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401 …

- 0
- 件

通報する

この回答へのお礼

key-childさん、ご教示ありがとうございました。
まさに、empty-cellsのことでした。
タグではなく、CSSだったんですね。
（＃３さんによると、あまりつかえないみたいですけど）

おかげさまですっきりしました。

通報する

お礼日時：2007/06/22 17:09

No.3

回答者： himajin100000
回答日時：2007/06/21 21:22

手元で実験してて何故かIE 7に反映されないので

調べてみたら
http://journal.mycom.co.jp/special/2007/ie7/003. …

サポートしないようだ。>empty-cellsプロパティ

- 0
- 件

通報する

この回答へのお礼

himajin100000さん、補足ありがとうございました。
IE7がサポートしていないとは、よい情報を聞きました。

実際に使いたいわけではなく
（普段は＃１さんのCSSを使っているので、empty-cellsを
使う必要がないという方が正確ですが）
「どこかで見かけた気がするけど、どう記述するんだっけ？」
という疑問だったのですが、実際にも使わないほうがよさそうですね。

おかげさまですっきりしました。

通報する

お礼日時：2007/06/22 17:12

No.1

回答者： yambejp
回答日時：2007/06/21 16:20

スタイルシートつかってください

<html>
<head>
<style type="text/css">
table{
border-collapse:collapse;
}
td{
border:1px solid #000000;
}
</style>
</head>
<body>
<table>
<tr>
<td>1</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body></html>