テーブルのボーダー（枠線）は何で指定したらいいですか？

質問

テーブルの枠線の指定の仕方について質問です。
HTMLだけで指定するのであれば、

<table border="1">
～～
</table>

といった感じなのでしょうが、CSSも併用している場合、CSSで

td{border:solid;]

とし、HTMLでは

<table>
～～
</table>

という風に簡単（？）に書いたほうがいいんでしょうか？
なんでも見た目はCSSで定義しろとのことですし、テーブルの枠線ってHTMLとCSSとどっちで定義するのがいいんでしょうか？
分かりにくい質問で申し訳ありません。初心者のため書き足りないところあるかもしれませんが、よろしくお願いします。

回答No.3

grizzlycat · ベストアンサー

tableに対してCSSでborder、collarともにコントロールできますので
例えば以下のように罫線の位置を分けたり、位置毎に塗り分けたり出来ます。

【CSS部】
table {
color: #666666;
}

thead {
background-color: #e7e7e7;
text-align: center;
line-height: 1.5em;
}

tbody {
background-color:#f3f3f3;
}

th,td{
padding: 5px 15px 5px 15px;
border-bottom:solid 1px #5e8eab;
border-right:solid 1px #5e8eab;
}

【HTML部】
<table>
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tbody>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>

お礼

なるほど～！
大変参考になりました＾＾

回答No.2

yambejp

最近、cssでtableとtdを塗り分けるのをよく見ますね。

<style type="text/css">
table {
background-Color:#000000;
}
td{
background-Color:#ffffff;
}
</style>
<table cellpadding=0 cellspacing=1>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

お礼

なるほど～、、面白い方法ですね！
これならHTMLで指定したときとあまり変わらない表示になりますね。。
ありがとうございます。

回答No.1

STICKY2006

こんちくわー。

んー。見た目関係～で、ソースに書き込んでできちゃうこと～は大体、スタイルシートでも実現可能。ですよね？（簡単なところだと、文字位置、文字サイズ、テーブル枠の幅、色、などなど

ソースに直で書き込むものについては、この先数年～の仕様で、廃止になるものも多いようです。具体的にどれが。。。とは忘れましたが。。。

CSSに関しては逆で、いまだ未実装な物があったりなんだかんだ。。。というのはありますが、CSSの方に以降されていく。。。というのは話に出ていますよね。

個人的意見も入ってしまっているとは思いますが。。。
この先を考えると、SCCをお勉強しつつ、見た目関係～に関してはSCCで実現していったほうがいいかもしれないと思っています。

お礼

回答ありがとうございます。
私もなるべくCSSを使おうと思い、やってみてはいるんですが、質問のようなやり方でCSSを書くと、<table border>としたときでは、表示のされ方が違いますよね？
CSSで同じようにテーブルの枠線を表示させることはできるのでしょうか？
できなくても、CSSのほうが適当である。ということでしたら我慢しますが、そうでないなら<table border>ってやっちゃいたいんです。