HTML <table> rules 属性
rules 属性设置内侧边框的哪个部分是可见的
从实用角度出发,最好不要设置 rules,而是使用 CSS 来添加 borders(边框样式)
HTML5 不支持 <table> rules 属性,可以使用 CSS 代替
语法
<table rules="value"></table>
属性值
值 | 描述 |
---|---|
none | 没有线条 |
groups | 位于行组和列组之间的线条 |
rows | 位于行之间的线条 |
cols | 位于列之间的线条 |
all | 位于行和列之间的线条 |
浏览器支持
Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 rules 属性
Internet Explorer 8 及之前的版本不支持 <table> 标签的 rules 属性
Chrome 和 Safari 对该属性的显示并不正确:除了内侧边框,还会添加 affected 外侧边框
范例
只显示行之间的边框
<table rules="rows"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>