html - tbody と td の両方に境界を設定しますか?

Question

行をグループ化するための多数の tbody を持つテーブルがあります。各 td の境界線でグリッドを作成したいのですが、周囲の tbody の境界線でそれらがグループ化されていることを示したいと思っています。それは可能ですか？

http://jsfiddle.net/jyRsy/

Answer 1

td { 
    border: 1px solid blue;
}

tbody {
    border: 2px solid red; 
}​

Answer 2

borders のプロパティは、 のプロパティの上にtd単純に適用されているようですtbody:)

1 ピクセルではなく、少なくとも 2 ピクセルを追加すると、機能します。( http://jsfiddle.net/jyRsy/4/ - この例では - 3px です。) 私はこのフィドルを最新のすべてのブラウザーでテストしました。IE8以降、どこでも動作します。IE7に関しては-私は注意を払いません;）

Answer 3

JSフィドル。http://jsfiddle.net/Dv4T6/を参照してください

<table width="300">
    <thead>
        <tr>
            <th width="60" align="center" valign="top" scope="col">Type</th>
            <th width="200" align="left" valign="top" scope="col">Address</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td align="center" valign="top">Shipping</td>
            <td align="left" valign="top">123 Main St</td>
        </tr>
    </tbody>
</table>

ブラウザとデバイスの完全なサポートは保証されません。