HTML table rules 属性

由网友 大卫 发布 阅读 7

HTML table rules 属性

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

 HTML <table> 标签

在线示例

仅显示行之间的边框:

<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 table summary 属性 HTML: <ul> compact 属性