编辑这个页面须要登录或更高权限!
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 | 位于行和列之间的线条。 |