Поиск

Свойства таблиц

display

Создание таблиц и элементов таблиц.
Значения:

  • table — таблица (аналог элемента TABLE);
  • table-caption — заголовок таблицы (аналог элемента CAPTION);
  • table-column — колонка таблицы (аналог элемента COL);
  • table-column-group — группа колонок (аналог элемента COLGROUP);
  • table-row — строка таблицы (аналог элемента TR);
  • table-row-group — группа строк (аналог элемента TBODY);
  • table-header-group — группа строк в начале таблицы (аналог элемента THEAD);
  • table-footer-group — группа строк в конце таблицы (аналог элемента TFOOT);
  • table-cell — ячейка таблицы (аналог элемента TD);
row-span

Количество строк, которые должна занять ячейка.

column-span

Количество столбцов, которые должна занять ячейка.

border-collapse

Способ прорисовки рамки.
Значения:

  • separate — стиль броузеров (трехмерная рамка);
  • collapse — стиль текстовых редакторов (плоская рамка).
border

Характеристика рамки.
Значение свойства состоит из трех элементов: толщина, тип, цвет.
Возможные типы:

  • dotted — рамка из точек;
  • dashed — пунктирная рамка;
  • solid — сплошная рамка;
  • double — двойная рамка;
  • g roove — двугранная рамка;
  • ridge — такая же, как groove, но светлая и темная грани расположены иначе;
  • inset — одна грань, наклоненная внутрь;
  • outset — такая же, как inset, но свет падает по-другому.

Примеры:

TABLE { border: 1px solid blue; }
<TABLE style=«border-collapse: collapse; border: solid green; »>
<TD style=«border: double»>
vertical-align

Способ (степень) вертикального выравнивания.
Значения:

  • процентное;
  • top — по верхнему краю;
  • middle — по центру;
  • bottom — по нижнему краю;
  • baseline — по первой строке текста в ячейке.
table-layout

Алгоритм форматирования таблицы.
Значения:

  • auto — стандартный;
  • fixed — ускоренный