<table rules=""></table>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

table要素に rules="" を追加すると、内罫線の表示方法を指定することができます。


<table rules="none"> ～ </table>
属性 値 説明
rules="" none 内罫線を表示しない （初期値）
rows 横罫線のみ表示
cols 縦罫線のみ表示
groups グループ間の罫線のみ表示
all 全ての内罫線を表示

border属性との関係

border属性の値に 1 以上の数値を指定した場合は、同時に rules="all" が指定されたものと解釈されます。ただし、自分でrules属性を指定した場合は、その指定内容が優先されます。

使用例

none（内罫線を表示しない）を指定した例

<table border="5" rules="none">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
<td>データ1-3</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-1</td>
<td>データ3-2</td>
<td>データ3-3</td>
</tr>
</table>
表示例
データ1-1 データ1-2 データ1-3
データ2-1 データ2-2 データ2-3
データ3-1 データ3-2 データ3-3
rows（横罫線のみ表示）を指定した例

<table border="5" rules="rows">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
<td>データ1-3</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-1</td>
<td>データ3-2</td>
<td>データ3-3</td>
</tr>
</table>
表示例
データ1-1 データ1-2 データ1-3
データ2-1 データ2-2 データ2-3
データ3-1 データ3-2 データ3-3
cols（縦罫線のみ表示）を指定した例

<table border="5" rules="cols">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
<td>データ1-3</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-1</td>
<td>データ3-2</td>
<td>データ3-3</td>
</tr>
</table>
表示例
データ1-1 データ1-2 データ1-3
データ2-1 データ2-2 データ2-3
データ3-1 データ3-2 データ3-3
groups（グループ間の罫線のみ表示）を指定した例

<table border="5" rules="groups">

<thead>
<tr>
<th>見出し1</th>
<th>見出し2</th>
<th>見出し3</th>
</tr>
</thead>

<tfoot>
<tr>
<td>フッタ1</td>
<td>フッタ2</td>
<td>フッタ3</td>
</tr>
</tfoot>

<tbody>
<tr>
<td>データ1-1</td>
<td>データ2-1</td>
<td>データ3-1</td>
</tr>
<tr>
<td>データ1-2</td>
<td>データ2-2</td>
<td>データ3-2</td>
</tr>
<tr>
<td>データ1-3</td>
<td>データ2-3</td>
<td>データ3-3</td>
</tr>
</tbody>

</table>
表示例
見出し1 見出し2 見出し3
フッタ1 フッタ2 フッタ3
データ1-1 データ2-1 データ3-1
データ1-2 データ2-2 データ3-2
データ1-3 データ2-3 データ3-3
all（全ての内罫線を表示）を指定した例

<table border="5" rules="all">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
<td>データ1-3</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-1</td>
<td>データ3-2</td>
<td>データ3-3</td>
</tr>
</table>
表示例
データ1-1 データ1-2 データ1-3
データ2-1 データ2-2 データ2-3
データ3-1 データ3-2 データ3-3