Таблицы

Форматирование таблицы пользовательскими агентами

HTML 4 содержит механизмы управления:

• стилями обрамления
• горизонтальным и вертикальным выравниванием содержимого ячеек
• полями ячеек

Рамки и линии сетки таблицы

Следующие атрибуты влияют на отображение рамки таблицы и внутренней сетки.

Определения атрибутов

frame = void|above|below|hsides|lhs|rhs|vsides|box|border [CI]

Этот атрибут определяет, какие стороны рамки, окружающей таблицу, будут видны. Возможные значения:

• void: не отображается. Это значение по умолчанию;
• above: только верхняя часть;
• below: только нижняя часть;
• hsides: только верхняя и нижняя;
• vsides: только правая и левая;
• lhs: только левая;
• rhs: только правая;
• box: все четыре стороны;
• border: все четыре стороны.

rules = none|groups|rows|cols|all [CI]

Определяет, какие линии появятся между ячейками. Вывод зависит от ПА. Возможные значения:

• none: не отображаются. значение по умолчанию;
• groups: только линии между группами рядов (см. THEAD, TFOOT и TBODY ) и группами столбцов (см. COLGROUP и COL );
• rows: только линии между рядами ;
• cols: только линии между столбцами ;
• all: линии между всеми рядами и столбцами.

border = pixels [CN]

Определяет ширину (только в пикселах) рамки вокруг таблицы (см. Примечание ниже об этом атрибуте).

Чтобы выделить ячейки таблицы, мы можем использовать атрибут border элемента TABLE. Рассмотрим предыдущий пример:

<TABLE border="1" 
       summary="This table charts the number of cups
                of coffee consumed by each senator, the type 
                of coffee (decaf or regular), and whether 
                taken with sugar.">
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR>
   <TH>Name</TH>
   <TH>Cups</TH>
   <TH>Type of Coffee</TH>
   <TH>Sugar?</TH>
<TR>
   <TD>T. Sexton</TD>
   <TD>10</TD>
   <TD>Espresso</TD>
   <TD>No</TD>
<TR>
   <TD>J. Dinnen</TD>
   <TD>5</TD>
   <TD>Decaf</TD>
   <TD>Yes</TD>
</TABLE>

В следующем примере ПА должен вывести линии толщиной 5 пикселов слева и справа от таблицы и линии между столбцами.

<TABLE border="5" frame="vsides" rules="cols">
<TR> <TD>1 <TD>2 <TD>3
<TR> <TD>4 <TD>5 <TD>6
<TR> <TD>7 <TD>8 <TD>9
</TABLE>

Следующие установки должны учитываться ПА для обеспечения обратной совместимости:

• Установка border="0" подразумевает frame="void" и, если не определено иное, rules="none".
• Другие значения border подразумевают frame="border" и, если не определено иное, rules="all".
• Значение "border" в начальном теге элемента TABLE должно интерпретироваться как значение атрибута frame. Это подразумевает rules="all" и какое-либо (ненулевое) значение по умолчанию атрибута border.

Например, следующие определения эквивалентны:

<TABLE border="2">
<TABLE border="2" frame="border" rules="all">

как и следующие:

<TABLE border>
<TABLE frame="border" rules="all">