Атрибуты: Отдельные параметры таблицы.

  Отдельные атрибуты стилей, пользовательского представления таблиц применяются к элементу тега TABLE и(или) его "дочерним" (исходя из логики функционала каждого атрибута).
  Заголовок таблицы.
  Атрибуты:
  caption-side - Устанавливает расположение заголовка в таблице.

Формат:

  • caption-side:
      top
      |bottom
      |inherit

Значения:

  • top - Расположение заголовка над таблицей.
      Это нормальное состояние, оно наследуется от тега HTML (inherit на самом верхнем возможном уровне).
  • bottom - Расположение заголовка под таблицей.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега (умолчание).
  Ячейки таблицы.
  Атрибуты:
  border-collapse - Устанавливает то, как отображать рамки вокруг ячеек таблицы.

Формат:

  • border-collapse:
      collapse
      |separate
      |inherit

Значения:

  • collapse - Рамки ячеек, установленные для них атрибутом стиля border, должны быть объединены.
      То есть вместо рамок вокруг каждой отдельной ячейки на Web-странице отобразятся только границы между ячейками.
  • separate - Рамки ячеек, установленные для них атрибутом стиля border, не должны быть объединены.
      Каждая ячейка таблицы будет иметь свои отдельные рамки.
      Это нормальное состояние, оно наследуется от тега HTML (inherit на самом верхнем возможном уровне).
  • inherit - Значение атрибута наследуется от элемента "родительского" тега (умолчание).
  border-spacing - Устанавливает размеры внешних отступов ячеек таблицы.

Формат:

  • border-spacing:
      Размер1 [Размер2]
      |inherit

Значения:

  • Размер - Линейная величина с единицей измерения или без единицы измерения.
      Величина без единицы измерения умножается на соответствующую величину "родительского" размера и полученное значение применяется к контенту определяемого элемента тега.
      Один размер устанавливает отступы слева, справа, сверху и снизу. Из двух размеров первый устанавливает отступы слева и справа, второй - сверху и снизу.
      Допустимы отрицательные значения.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега (умолчание).
  Применение этого атрибута не имеет смысла с одновременным применением атрибута border-collapse: collapse.
  Нормальным значением атрибута border-spacing является 2px. Однако, по умолчанию, значение атрибута наследуетсяот элемента "родительского" тега, а значения normal у этого атрибута нет.   Это следует учитывать в случае вложенных таблиц.
  empty-cells - Устанавливает то, как отображать пустые ячейки таблицы.

Формат:

  • empty-cells:
      show
      |hide
      |inherit

Значения:

  • show - Пустая ячейка отобразится вместе с фоном и рамками.
      Это нормальное состояние, оно наследуется от тега HTML (inherit на самом верхнем возможном уровне).
  • hide - Пустая ячейка будет скрыта вместе с фоном и рамками.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега (умолчание).
  table-layout - Устанавливает условия привязки размеров ячеек таблицы к их внутреннему пользовательскому контенту.

Формат:

  • table-layout:
      auto
      |fixed
      |inherit

Значения:

  • auto - Подгонять размер ячеек под контент.
      В этом случае, в зависимости от формата контента и размеров окна браузера, в окне браузера могут появляться линейки для скроллинга.
      Это нормальное состояние, оно наследуется от тега HTML (inherit на самом верхнем возможном уровне).
  • fixed - Размер ячеек должен оставаться фиксированным (например установленным атрибутами стиля width и height).
      В этом случае в поле ячеек таблицы на Web-странице могут появляться линейки для скроллинга.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега (умолчание).