Propiedad rules del HTML table

Ejemplo en línea

Mostrar solo los bordes entre las filas:

<p>La tabla tiene rules="rows":</p>
<table rules="rows">
　　<tr>
　　　　<th>Grado</th>
　　　　<th>Personas</th>
　　</tr>
　　<tr>
　　　　<td>Grado tres</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>La tabla tiene rules="cols":</p>
<table rules="cols">
　　<tr>
　　　　<th>Grado</th>
　　　　<th>Personas</th>
　　</tr>
　　<tr>
　　　　<td>Grado tres</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>La tabla tiene rules="all":</p>
<table rules="all">
　　<tr>
　　　　<th>Grado</th>
　　　　<th>Personas</th>
　　</tr>
　　<tr>
　　　　<td>Grado tres</td>
　　　　<td>56</td>
　　</tr>
</table>

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9+、Firefox、Opera、Chrome y Safari admiten la propiedad rules.

Nota:Internet Explorer 8 y versiones anteriores no admiten la propiedad rules de la etiqueta <table>.

Nota:Chrome y Safari no muestran correctamente esta propiedad: además del borde interno, también se agrega el borde externo afectado.

Definición y uso

HTML5 No se admite la propiedad rules de <table>. Utilice CSS en su lugar.

La propiedad rules especifica qué parte del borde interno es visible.

Desde un punto de vista práctico, es mejor no especificar rules, sino usar CSS para agregar borders (estilo de borde)。

Sintaxis

<table rules="value">

Valor de atributo