HTML table rules attribute

Online Example

Only display the borders between rows:

<p>The table has rules="rows":</p>
<table rules="rows">
　　<tr>
　　　　<th>Grade</th>
　　　　<th>Number of People</th>
　　</tr>
　　<tr>
　　　　<td>Grade 3</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>The table has rules="cols":</p>
<table rules="cols">
　　<tr>
　　　　<th>Grade</th>
　　　　<th>Number of People</th>
　　</tr>
　　<tr>
　　　　<td>Grade 3</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>The table has rules="all":</p>
<table rules="all">
　　<tr>
　　　　<th>Grade</th>
　　　　<th>Number of People</th>
　　</tr>
　　<tr>
　　　　<td>Grade 3</td>
　　　　<td>56</td>
　　</tr>
</table>

Browser Compatibility

IEFirefoxOperaChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome e Safari supportano l'attributo rules.

Attenzione:Internet Explorer 8 e precedenti versioni non supportano l'attributo rules dell'etichetta <table>. Utilizzare CSS invece.

Attenzione:Chrome e Safari mostrano questa proprietà in modo non corretto: oltre al bordo interno, aggiungono anche il bordo esterno interessato.

Definizione e uso

HTML5 non supporta l'attributo rules di <table>. Utilizzare CSS invece.

L'attributo rules specifica quale parte dell'interno del bordo è visibile.

Per motivi pratici, è meglio non specificare rules, ma utilizzare CSS per aggiungere borders (stili di bordo)。

Sintassi

<table rules="value">

Valore dell'attributo