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

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 — ускоренный

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: