HTMLタグで表の縦線はどれにあたるのでしょうか?

質問

ヤフーオークションにて洋服を出品しています。
見やすいよう、各サイズ(着丈・肩幅等)を表で作成したいです。

ちなみにですが、オークションプレートメーカー2を使っておりまして
太文字・改行・リンクくらいのタグは分かっているレベルです。

下の画像は↓よりキャプチャしました。
http://www.tagindex.com/html_tag/table/table_cellpadding.html

ページのソースを表示したものの、画像の属性と値の間にある縦線が
どの部分にあたるのかが分かりません。

すみませんが、どなたか教えてください。

回答No.2

de000 · ベストアンサー

ANo.1です。

セルの結合の事ですよね。
こんな感じにしたいと言う事でしょうか。

<table border="3" cellspacing="0" cellpadding="5">
<thead>
<tr bgcolor="#ffcccc">
<td rowspan="2" bgcolor="#ffffff">サイズ詳細<br>※素人採寸になります</td>
<th>着 丈</th>
<th>肩 幅</th>
<th>身 幅</th>
<th>袖 丈</th>
</tr>

<tr bgcolor="#ffffff">
<td align=center WIDTH=80 >80cm</td>
<td align=center WIDTH=80 >43cm</td>
<td align=center WIDTH=80 >48cm</td>
<td align=center WIDTH=80 >61cm</td>
</tr>

</tbody>
</thead>
</table>

お礼

お付き合い下さりありがとうございます。

バッチリです(^o^)／

単語を検索しながらやっていたのですが、なかなか見つからず…。
でも、セルの結合で検索したらあっさりでした^^;

また何かありましたら宜しくお願いします。
ありがとうございました。

回答No.1

de000

表の縦線というよりも、セルの区切り線（罫線）と言った方が解り易いかと思われます。
その区切りは、「th」に対して「/th」であり、「td」に対して「/td」になります。
質問者さんが例に挙げているページのソースだとスタイルシート（CSS）を使用しているようですのでスタイルシートを使わずに、下記のようにHTMLタグのみで記述して見ました。
解り易くセル内に色も付けてみました。
ご参考までに・・・。

<table border="1" cellspacing="0" cellpadding="5" bgcolor="#ffcccc">
<thead>
<tr>
<th>属性</th>
<th bgcolor="ffff66">値</th>
<th>説明</th>
</tr>
</thead>

<tbody bgcolor="#ccffff">
<tr>
<td bgcolor="#66ffff">cellpadding=</td>
<td>ピクセル数またはパーセント</td>
<td bgcolor="#ffffff">余白の大きさを指定</td>
</tr>
</tbody>
</table>

お礼

回答ありがとうございます。

すみませんが、補足しましたのでお時間がありましたら回答お願いします。

補足

お陰様で作成できました（*^_^*）
http://proxy.f1.ymdb.yahoofs.jp/users/4d8cec6b_14f9b/bc/8fcb/__hr_/cfe8.jpg?bcpqTYOBtOAB.mgd

追加して教えて頂きたいのですが、
画像内の「サイズ詳細」と「※素人採寸になります」の間にある横の罫線のみを除き
上下のカラーを#ffffffとして、同じ枠内に配置するにはどう記述すればよいのでしょうか?

上の画像のタグです。

<table border="3" cellspacing="0" cellpadding="5" bgcolor="#ffcccc">
<thead>
<tr>
<th>サイズ詳細</th>
<th>着 丈</th>
<th>肩 幅</th>
<th>身 幅</th>
<th>袖 丈</th>

</tr>
</thead>

<tbody bgcolor="#ffffff">
<tr>
<td>※素人採寸になります</td>
<td align=center WIDTH=80>80cm</td>

<td align=center WIDTH=80>43cm</td>
<td align=center WIDTH=80>48cm</td>
<td align=center WIDTH=80>61cm</td>

</tr>
</tbody>
</table>