04.04.2013

Оформление таблиц

Атрибут border тега <TABLE>управляет отображением всех границ таблицы, однако с его помощью можно установить толщину только внешней рамки таблицы.

Для задания параметров внешних и внутренних границ используются атрибуты frame и rules.

Атрибут frame тега <TABLE> задает отображение внешней рамки и может принимать следующие значения:

box все линии внешней рамки;

void внешняя рамка не отображается;

hsides только верхняя и нижняя линия рамки;

vsides только левая и правая линии рамки;

lhs только левая линия рамки;

rhs только правая линия рамки.

 

Атрибут rules тега <TABLE> задает отображение внутренней рамки и может принимать следующие значения:

none все линии внутренней рамки не отображаются;

rows отображаются только горизонтальные линии между строками;

cols отображаются только вертикальные линии между столбцами;

 

Рамки таблиц отображаются в виде двойной линии, расстояние между которыми по умолчанию устанавливается в 2 пиксела.

Атрибут cellspacing тега <TABLE> изменяет это расстояние между линиями границы.

Атрибут cellpadding тега <TABLE> изменяет расстояние между границей ячейки и ее содержимым.

Атрибут bordercolor тега <TABLE> задает цвет внешней рамки.

Атрибут bordercolor тегов <TR>, <TH> и <TD> задает цвет внутренних рамок.

Вот на этом примере вы можете посмотреть таблицу с внутренними границами красного цвета и отключенной внешней границей.

 

Ячейка 1 Ячейка 3
Ячейка 2 Ячейка 4