細線テーブル

質問

<table border=1 style="border:solid;border-width:1">
<tr><td>A<td>A
<tr><td>A<td>A
</table>

回答No.4

神崎 渉瑠（@taloo） · ベストアンサー

> collapseは標準のタグですか？
border:solidやborder-width同様、タグではありませんが、標準として定められている規格です。

スタイルシートを使うには、まず、正確にHTMLを記述しなければなりません。
また、スタイルシート自体も、正確に書かなければなりません（ブラウザのバグや実装状況により、一概には言えませんが。）
> style="border:solid;border-width:1"
この書き方もスタイルシートとしては間違っていますし、ブラウザのバグなどに対応した書き方でもありません。

スタイルシートや"正しいHTML"がわからなければ、
タグと属性だけでも作れますし、それならある程度ブラウザが何とかしてくれるので、思い通りに表示されると思います。

<table border="1" cellpadding="0" cellspacing="0">
と書いておき、数字の部分をいろいろ変えてどの様に変化するか、確認してはいかがでしょうか。
（テーブルの枠線に直接関係するのはborderとcellspacingの２つです）
http://www.tagindex.com/html_tag/table/table_cellspacing.html

参考URL：

http://openlab.ring.gr.jp/k16/htmllint/htmllint.html,http://jigsaw.w3.org/css-validator/

回答No.3

naokita

通常は#1.2さんの　collapse　でＯＫですね。

質問者さんのブラウザが　collapse　に対応していないのでは？
質問のタグも・・・ですよ。

tableの背景を線色指定して　th,td　で隠して細い線に見せる方法もありますよ。

<style type="text/css">

table{
border-style: none; background-color: #000099; }

tr,td{
border-style: none; background-color: #ffffff; }

</style>

<table border="1" cellspacing="1">
<tr><td>A</td><td>A</td></tr>
<tr><td>A</td><td>A</td></tr>
</table>

補足

それでできました。
collapseは標準のタグですか？

回答No.2

Werner

> 隣り合うセルで線が2重になるからそれはだめです。
「border-collapse: collapse;」としてますから2重になることはないと思いますが、ちゃんと試してみましたか？
(#1の回答をコピーするだけで確認はできるのですが。)

参考URL：

http://www.htmq.com/style/border-collapse.shtml

補足

collapseって初めて見たのでその部分以外をコピペしてました。

回答No.1

yambejp

質問になっていません。
回答者はエスパーではありませんので、きちんと質問しましょう。

とりあえず、テーブルに細い線をひきたいと解釈すると
以下のようにしてみてください。
それとせめてtdやtrは閉じましょうよ・・・。

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

お礼

隣り合うセルで線が2重になるからそれはだめです。

補足

その方法は一般的にダメなようですよ。
trに指定しても無駄だと、
http://72.14.235.104/search?q=cache:-uxUMcmyaB4J:verre.cside.to/table/table2.htm+%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB+%E7%B4%B0%E3%81%84%E7%B7%9A&hl=ja&gl=jp&ct=clnk&cd=1&ie=UTF-8&inlang=ja