HTMLリファレンスマニュアル

HTMLタグ一覧

HTMLテーブルのrules属性

rules属性は、内部の枠線のどの部分を表示するかを指定します。実際の理由から、CSSを使用して規則を指定することをお勧めします。

オンラインの例

行間の枠線のみを表示：

例

<p>rules属性が"rows"を持つテーブル:</p>
<table　rules="rows">
　　<tr>
　　　　<th>学年</th>
　　　　<th>人数</th>
　　</tr>
　　<tr>
　　　　<td>3年生</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>rules属性が"cols"を持つテーブル:</p>
<table　rules="cols">
　　<tr>
　　　　<th>学年</th>
　　　　<th>人数</th>
　　</tr>
　　<tr>
　　　　<td>3年生</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>rules属性が"all"を持つテーブル:</p>
<table　rules="all">
　　<tr>
　　　　<th>学年</th>
　　　　<th>人数</th>
　　</tr>
　　<tr>
　　　　<td>3年生</td>
　　　　<td>56</td>
　　</tr>
</table>

テストしてみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9+、Firefox、Opera、Chrome そして Safari は rules 属性をサポートしています。

注意：Internet Explorer 8 及びその以前のバージョンは <table> タグの rules 属性をサポートしていません。

注意：Chrome と Safari はこの属性の表示が正しくありません：内侧の枠線に加えて、影響を受けた外侧の枠線も追加されます。

定義と用法

HTML5 <table> rules 属性はサポートされていません。代わりに CSS を使用してください。

rules 属性は、内侧の枠線のどの部分が見えるかを指定します。

実用的な観点から、rules を指定することはお勧めしません。代わりに CSS を使用してください。 borders（枠線スタイル）。

文法

<table rules="value">

属性値

値	説明
none	線はありません。
groups	行グループと列グループの間に位置する線。
rows	行の間に位置する線。
cols	列の間に位置する線。
all	行と列の間に位置する線。

　HTML <table> タグ

HTML: <template> タグ