html тег <table> атрибут rules


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

d90a77bdddeabe43b69e49726392c9a6.jpg

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

автор: с3с

Порада

З практичних причин краще не вказувати атрибут rules, замість нього використовуйте CSS властивость border.

автор: с3с
Порада

Якщо встановлено атрибут border відміний від 0 , при значині none атрибута rules рамка навколо таблиці відображається.

автор: с3с
Порада

Якщо встановлено атрибут border рівний 0 , при всіх значенях атрибута rules рамка навколо таблиці не відображається.

автор: с3с
Нотатка

Chrome і Safari відображають цей атрибут неправильно: Вони додають зовнішні кордони до внутрішніх кордонів.

автор: с3с

Синтаксис

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

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

all

Кордони малюється навколо кожного елементу таблиці.

автор: с3с

groups

Лінія відображається між групами, які утворюються елементами <thead>, <tfoot>, <tbody>, <colgroup>, <col>.

автор: с3с

cols

Лінія відображається між колонками.

автор: с3с

rows

Лінії малюються між рядками таблиці, створених за допомогою елемента <tr>.

автор: с3с

none

Таблиця без ліній.

автор: с3с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1+ 1+ 1+ 3.5+ 12+ 3+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
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



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід