propriedade rules da tabela HTML

exemplo online

apenas mostrar a borda entre as linhas:

<p>the tabela com rules="rows":</p>
<table rules="rows">
　　<tr>
　　　　<th>ano</th>
　　　　<th>numero</th>
　　</tr>
　　<tr>
　　　　<td>3º ano</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>the tabela com rules="cols":</p>
<table rules="cols">
　　<tr>
　　　　<th>ano</th>
　　　　<th>numero</th>
　　</tr>
　　<tr>
　　　　<td>3º ano</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>the tabela com rules="all":</p>
<table rules="all">
　　<tr>
　　　　<th>ano</th>
　　　　<th>numero</th>
　　</tr>
　　<tr>
　　　　<td>3º ano</td>
　　　　<td>56</td>
　　</tr>
</table>

navegador compatível

IEFirefoxOperaChromeSafari

Internet Explorer 9+、Firefox、Opera、Chrome e Safari suportam a propriedade rules.

Atenção:Internet Explorer 8 e as versões anteriores não suportam a propriedade rules da etiqueta <table>.

Atenção:O Chrome e o Safari não mostram corretamente essa propriedade: além da borda interna, também adicionam a borda externa afetada.

Definição e uso

HTML5 Não é suportado a propriedade rules do <table>. Use CSS em vez disso.

A propriedade rules especifica qual parte da borda interna é visível.

De um ponto de vista prático, é melhor não especificar rules, mas usar CSS para adicionar borders (estilo de borda)。

Sintaxe

<table rules="value">

Valor do atributo