tableタグに frame="" を追加すると、外枠の表示スタイルを指定することができます。
<table frame="void">
| frame="" | void … (全ての外枠を表示しません) |
|---|---|
| lhs … (左の外枠のみ表示します) | |
| rhs … (右の外枠のみ表示します) | |
| vsides … (左右の外枠のみ表示します) | |
| above … (上の外枠のみ表示します) | |
| below … (下の外枠のみ表示します) | |
| hsides … (上下の外枠のみ表示します) | |
| box … (全ての外枠を表示します) | |
| border … (全ての外枠を表示します) |
※この指定に対応していないブラウザでは、全ての外枠が表示されます。
■void(全ての外枠を表示しない)を指定した場合
<table border="5" frame="void">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
| サーバーD社 | サーバーE社 | サーバーF社 |
■vsides(左右の外枠のみ表示する)を指定した場合
<table border="5" frame="vsides">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
| サーバーD社 | サーバーE社 | サーバーF社 |
■hsides(上下の外枠のみ表示する)を指定した場合
<table border="5" frame="hsides">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
| サーバーD社 | サーバーE社 | サーバーF社 |