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

Приклад використання атрибуту rules з значенням border нуль.
- Порада
-
З практичних причин краще не вказувати атрибут rules, замість нього використовуйте CSS властивость
автор: с3сborder. - Порада
-
Якщо встановлено атрибут
автор: с3сborderвідміний від 0 , при значиніnoneатрибутаrulesрамка навколо таблиці відображається. - Порада
-
Якщо встановлено атрибут
автор: с3сborderрівний 0 , при всіх значенях атрибутаrulesрамка навколо таблиці не відображається. - Нотатка
-
Chrome і Safari відображають цей атрибут неправильно: Вони додають зовнішні кордони до внутрішніх кордонів.
автор: с3с
Синтаксис
<table rules="all | groups | cols | none | rows">...</table>
Атрибут rules може отримувати 5 значень:
-
all -
Кордони малюється навколо кожного елементу таблиці.
автор: с3с -
groups -
Лінія відображається між групами, які утворюються елементами
автор: с3с<thead>,<tfoot>,<tbody>,<colgroup>,<col>. -
cols -
Лінія відображається між колонками.
автор: с3с -
rows -
Лінії малюються між рядками таблиці, створених за допомогою елемента
автор: с3с<tr>. -
none -
Таблиця без ліній.
автор: с3с
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 1+ | 1+ | 1+ | 3.5+ | 12+ | 3+ |
| Переглядач | ||||
|---|---|---|---|---|
| 1+ | 18+ | 1+ | 1+ |
Приклади
+ запропонувати свій приклад у пісочниці
Приклад використання HTML атрибута rules теґа <table>
See the Pen Table.rules_Css_in_ua by css.in.ua (@css_in_ua) on CodePen.
автор: с3сПриклад використання HTML атрибута rules теґа <table> з значенням border відміним нуль.
See the Pen Table.rules1_Css_in_ua by css.in.ua (@css_in_ua) on CodePen.
автор: с3сРізниця між HTML 4.01 та HTML5
В HTML 5.x - не підтримується.
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!