HTML <table> border属性

HTML table 标签参考手册HTML <table> タグ

例

次の HTML テーブルは、テーブルセルの周囲に枠線を表示します：

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要ブラウザは border 属性をサポートしています。

定義と使い方

border 属性は、テーブルセルの周囲に枠線を表示するかどうかを指定します。

値 "1" は、枠線を表示し、テーブルがレイアウト目的で使用されていないことを示します。

注意：この属性は非推奨です。table 要素は CSS でスタイルをカスタマイズする必要があります。CSS プロパティの border、border-color、border-width、border-style で同じ効果を実現できます。

HTML 4.01 と HTML5 の違い

HTML5 では、border 属性は、テーブルがレイアウト目的で使用されているかどうかを示すためだけに使用され、属性値には "" または "1" のみが許可されます。

構文

<table border="1">

属性値

値 説明
"" テーブルセルの周囲に枠線がない（テーブルはレイアウト目的に使用できる）。
"1" テーブルセルの周囲に枠線を追加する（テーブルはレイアウト目的には使用されない）。

HTML table 标签参考手册HTML <table> タグ その他の拡張