Атрибут 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>