Атрибут rules определяет, каким образом браузер должен отображать границы между ячейками таблицы.
Из практических соображений лучше всего стараться использовать не этот атрибут, а стили CSS.
Атрибут rules для тега <table> не поддерживается в HTML5.
Браузеры Chrome и Safari отображают этот атрибут некорректно. В дополнение к внутренним границам они отображают еще и внешние границы.
Синтаксис атрибута
<table rules="значение">
Значения атрибута
| Значение | Описание |
|---|---|
| none | Границы не отображаются |
| groups | Отображаются границы между группами строк и группами колонок |
| rows | Отображаются границы между строками таблицы |
| cols | Отображаются границы между колонками таблицы |
| all | Отображаются все границы вокруг ячеек |
Пример использования атрибута
Отображаем границы только между строками таблицы:
<table rules="rows">
<tr>
<th>Месяц</th>
<th>Сэкономлено</th>
</tr>
<tr>
<td>Январь</td>
<td>$100</td>
</tr>
</table>