html атрибут rules

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

d90a77bdddeabe43b69e49726392c9a6.jpg

Приклад використання атрибуту 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+

Приклади


Приклад використання 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


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