border属性

table要素のborder属性は、レイアウト目的にtable要素を使っているのではないことを明示的に示す属性。

ブラウザ対応

構文

<table border="「1」か空の文字列">
</table>

「1」か空の文字列

border属性には、1か空の文字列を指定する。1を指定しても、空の文字列でも、レイアウト目的にtable要素を使っているのではないことを示す

サンプルコード

「1」を指定

<table border="1">
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
</table>

空の文字列

<table border="">
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
</table>

サンプル

border="1"

HTMLソースコード
<table border="1">
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
</table>
実際の表示
セル セル セル
セル セル セル

border=""

HTMLソースコード
<table border="">
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
</table>
実際の表示
セル セル セル
セル セル セル

border

HTMLソースコード
<table border>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
</table>
実際の表示
セル セル セル
セル セル セル

border属性なし

HTMLソースコード
<table>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
</table>
実際の表示
セル セル セル
セル セル セル