HTML таблица свойства rules

онлайн пример

показывать только рамки между строками:

<p>таблица с правилами rules="rows":</p>
<table rules="rows">
　　<tr>
　　　　<th>класс</th>
　　　　<th>количество людей</th>
　　</tr>
　　<tr>
　　　　<td>3 класс</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>таблица с правилами rules="cols":</p>
<table rules="cols">
　　<tr>
　　　　<th>класс</th>
　　　　<th>количество людей</th>
　　</tr>
　　<tr>
　　　　<td>3 класс</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>таблица с правилами rules="all":</p>
<table rules="all">
　　<tr>
　　　　<th>класс</th>
　　　　<th>количество людей</th>
　　</tr>
　　<tr>
　　　　<td>3 класс</td>
　　　　<td>56</td>
　　</tr>
</table>

браузерная совместимость

IEFirefoxOperaChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome и Safari поддерживают атрибут rules.

Примечание:Интернет Explorer 8 и более ранние версии не поддерживают атрибут rules тега <table>.

Примечание:Chrome и Safari отображают этот атрибут неправильно: кроме内侧 рамки, также добавляется внешняя рамка, которая влияет на вид.

Определение и использование

HTML5 не поддерживает атрибут rules тега <table>. Используйте CSS вместо этого.

属性的 rules определяет, какие части内侧 рамки видны.

С практической точки зрения, лучше не указывать rules, а использовать CSS для добавления borders (стиль рамки)。

Грамматика

<table rules="value">

Значение свойства