HTML 参考手册

HTML 标签大全

HTML table rules 属性

rules属性指定应显示内部边框的哪些部分。出于实际原因，最好不指定任何规则，而改用CSS。

在线示例

仅显示行之间的边框：

示例

<p>表格带有rules="rows":</p>
<table rules="rows">
  <tr>
    <th>年级</th>
    <th>人数</th>
  </tr>
  <tr>
    <td>三年级</td>
    <td>56</td>
  </tr>
</table>

<p>表格带有rules="cols":</p>
<table rules="cols">
  <tr>
    <th>年级</th>
    <th>人数</th>
  </tr>
  <tr>
    <td>三年级</td>
    <td>56</td>
  </tr>
</table>

<p>表格带有rules="all":</p>
<table rules="all">
  <tr>
    <th>年级</th>
    <th>人数</th>
  </tr>
  <tr>
    <td>三年级</td>
    <td>56</td>
  </tr>
</table>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 rules 属性。

注意：Internet Explorer 8 及之前的版本不支持 <table> 标签的 rules 属性。

注意：Chrome 和 Safari 对该属性的显示并不正确：除了内侧边框，还会添加 affected 外侧边框。

定义和用法

HTML5 不支持 <table> rules 属性。请使用 CSS 代替。

rules 属性指定内侧边框的哪个部分是可见的。

从实用角度出发，最好不要指定 rules，而是使用 CSS 来添加 borders（边框样式）。

语法

<table rules="value">

属性值

值	描述
none	没有线条。
groups	位于行组和列组之间的线条。
rows	位于行之间的线条。
cols	位于列之间的线条。
all	位于行和列之间的线条。

HTML <table> 标签

HTML: <template> 标签