html атрибут rules

Повідомляє браузеру, де відображати рамки між клітинками. Колір рамки вказується за допомогою атрибута bordercolor, товщина зовнішньої рамки таблиці - через атрибут border. Без задання, рамка малюється навколо кожної клітинки, утворюючи тим самим сітку; товщина таких ліній становить 1px.

Приклад використання атрибуту rules з значенням border нуль.

Нотатка:	Chrome і Safari відображають цей атрибут неправильно: Вони додають зовнішні кордони до внутрішніх кордонів.
Порада:	З практичних причин краще не вказувати атрибут rules, замість нього використовуйте CSS властивость `border`.
Порада:	Якщо встановлено атрибут `border` відміний від 0 , при значині `none` атрибута `rules` рамка навколо таблиці відображається.
Порада:	Якщо встановлено атрибут `border` рівний 0 , при всіх значенях атрибута `rules` рамка навколо таблиці не відображається.

Синтаксис

<table rules="all | groups | cols | none | rows">...</table>

Атрибут rules може отримувати 5 значень :

groups: Лінія відображається між групами, які утворюються елементами <thead>, <tfoot>, <tbody>, <colgroup>, <col>.
cols: Лінія відображається між колонками.
all: Кордони малюється навколо кожного елементу таблиці.
rows: Лінії малюються між рядками таблиці, створених за допомогою елемента <tr>.
none: Таблиця без ліній.

Переглядач
	1+	1+	1+	3.5+	3+	12+

Переглядач
	1+	1+	1+	18+

Мобільних переглядачів ще не додано.

Приклади

Приклад 1
Приклад 2

Приклад використання HTML атрибута rules теґа <table>




  See the Pen 


  Table.rules_Css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Приклад використання HTML атрибута rules теґа <table> з значенням border відміним нуль.




  See the Pen 


  Table.rules1_Css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Різниця між HTML 4.01 та HTML5

В HTML 5.x - не підтримується.

Різниця між XHTML та HTML

Немає жодної різниці.

HTML довідник

HTML Теґи