tableタグに rules="" を追加すると、内枠の表示スタイルを指定することができます。
<table rules="none">
| rules="" | none … （全ての内枠を表示しません） |
|---|---|
| rows … （内枠の横線のみ表示します） | |
| cols … （内枠の縦線のみ表示します） | |
| groups … （グループの境界線のみ表示します） | |
| all … （全ての内枠を表示します） |
※この指定に対応していないブラウザでは、全ての内枠が表示されます。
※グループについては、「行をグループ化する」 と 「列をグループ化する」のページをご覧ください。
■none（全ての内枠を表示しない）を指定した場合
<table border="5" rules="none">
<tr>
<td>Web作成A社</td>
<td>Web作成B社</td>
<td>Web作成C社</td>
</tr>
<tr>
<td>Web作成D社</td>
<td>Web作成E社</td>
<td>Web作成F社</td>
</tr>
<tr>
<td>Web作成G社</td>
<td>Web作成H社</td>
<td>Web作成I社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| Web作成A社 | Web作成B社 | Web作成C社 |
| Web作成D社 | Web作成E社 | Web作成F社 |
| Web作成G社 | Web作成H社 | Web作成I社 |
■rows（内枠の横線のみ表示する）を指定した場合
<table border="5" rules="rows">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
<tr>
<td>WebデザインD社</td>
<td>WebデザインE社</td>
<td>WebデザインF社</td>
</tr>
<tr>
<td>WebデザインG社</td>
<td>WebデザインH社</td>
<td>WebデザインI社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebデザインA社 | WebデザインB社 | WebデザインC社 |
| WebデザインD社 | WebデザインE社 | WebデザインF社 |
| WebデザインG社 | WebデザインH社 | WebデザインI社 |
■groups（グループの境界線のみ表示する）を指定した場合
<table border="5" rules="groups">
<thead>
<tr>
<th colspan="3">ヘッダ</th>
</tr>
</thead>
<tfoot>
<tr>
<th colspan="3">フッタ</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>SEO対策A社</td>
<td>SEO対策B社</td>
<td>SEO対策C社</td>
</tr>
<tr>
<td>SEO対策D社</td>
<td>SEO対策E社</td>
<td>SEO対策F社</td>
</tr>
</tbody>
</table>
▼これをブラウザで見ると次のように表示されます
| ヘッダ | ||
|---|---|---|
| フッタ | ||
| SEO対策A社 | SEO対策B社 | SEO対策C社 |
| SEO対策D社 | SEO対策E社 | SEO対策F社 |
