[新着] Webテンプレートを仮オープンしました
tableタグに border="" を追加すると、表の枠に線を付けることができます。
<table border="3">
| border="" | 外枠の太さをピクセル数で指定します |
|---|
※外枠の線は立体的な線で表示されます。
数値が大きくなるほど外枠の線は太くなり、0 にすると全ての枠の線が消えます。
また、数値の指定は行わずに border だけで指定することもできます。 この場合、1 を指定したときと同じ太さで表示されます。
![]()
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
※ただし、表示される枠線のスタイルは異なります。
■数値を指定しない場合(1を指定した場合と同じになります)
<table border>
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
■borderの数値を1に指定した場合
<table border="1">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
■borderの数値を5に指定した場合
<table border="5">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
■borderの数値を10に指定した場合
<table border="10">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |