HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML table rules 屬性

rules屬性指定應(yīng)顯示內(nèi)部邊框的哪些部分。出于實(shí)際原因，最好不指定任何規(guī)則，而改用CSS。

在線示例

僅顯示行之間的邊框：

示例

<p>表格帶有rules="rows":</p>
<table rules="rows">
  <tr>
    <th>年級(jí)</th>
    <th>人數(shù)</th>
  </tr>
  <tr>
    <td>三年級(jí)</td>
    <td>56</td>
  </tr>
</table>

<p>表格帶有rules="cols":</p>
<table rules="cols">
  <tr>
    <th>年級(jí)</th>
    <th>人數(shù)</th>
  </tr>
  <tr>
    <td>三年級(jí)</td>
    <td>56</td>
  </tr>
</table>

<p>表格帶有rules="all":</p>
<table rules="all">
  <tr>
    <th>年級(jí)</th>
    <th>人數(shù)</th>
  </tr>
  <tr>
    <td>三年級(jí)</td>
    <td>56</td>
  </tr>
</table>

測(cè)試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

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

注意：Internet Explorer 8 及之前的版本不支持 <table> 標(biāo)簽的 rules 屬性。

注意：Chrome 和 Safari 對(duì)該屬性的顯示并不正確：除了內(nèi)側(cè)邊框，還會(huì)添加 affected 外側(cè)邊框。

定義和用法

HTML5 不支持 <table> rules 屬性。請(qǐng)使用 CSS 代替。

rules 屬性指定內(nèi)側(cè)邊框的哪個(gè)部分是可見的。

從實(shí)用角度出發(fā)，最好不要指定 rules，而是使用 CSS 來添加 borders（邊框樣式）。

語(yǔ)法

<table rules="value">

屬性值

值	描述
none	沒有線條。
groups	位于行組和列組之間的線條。
rows	位于行之間的線條。
cols	位于列之間的線條。
all	位于行和列之間的線條。

HTML <table> 標(biāo)簽

HTML: <template> 標(biāo)簽