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

Свойство

Описание

Значения

border-collapse

Устанавливает способ отображения рамки вокруг ячейки таблицы. Оно определяет, должна ли ячейка иметь общую рамку с соседними ячейками, или свою собственную.

collapse

Линия между ячейками отображается только одна.

separate

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

inherit

Наследует значение родителя.

border-spacing

Задает расстояние между границами ячеек в таблице. border-spacing не работает в случае, когда для таблицы установлено свойство border-collapse со значением collapse.

Одно значение устанавливает одновременно расстояние по вертикали и горизонтали между границами ячеек. Если значений два, то первое определяет горизонтальное расстояние, а второе — вертикальное.

caption-side

Определяет положение заголовка таблицы, который задается с помощью тега <CAPTION>, относительно самой таблицы. Свойство caption-side выводит заголовок до или после таблицы, а выравнивание текста по правому или левому краю устанавливается через свойство text-align. Браузер Firefox также поддерживает расположение заголовка слева или справа от таблицы, но эти значения не входят в спецификацию CSS.

top

Располагает заголовок по верхнему краю таблицы.

bottom

Заголовок располагается под таблицей.

right

Заголовок размещается справа от таблицы. Корректно для CSS 3. Это значение работает только в браузерах Firefox.

left

Заголовок размещается слева от таблицы. Корректно для CSS 3. Это значение работает только в браузерах Firefox.

empty-cells

Задает отображение границ и фона в ячейке, если она пустая. При одновременном добавлении к таблице свойства border-collapse со значением collapse, свойство empty-cells игнорируется.

Ячейка считается пустой в следующих случаях:

• нет вообще никаких символов;

• в ячейке содержится только перевод строки, символ табуляции или пробел;

• значение visibility установлено как hidden.

Добавление неразрывного пробела   воспринимается как видимое содержание, т.е. ячейка уже будет непустой.

show

Отображает границу вокруг ячейки и фон в ней.

hide

Граница и фон в пустых ячейках не отображается. Если все ячейки в строке пустые, то строка прячется целиком.

table-layout

Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на ее содержимом.

auto

Браузер загружает всю таблицу, анализирует ее для определения размеров ячеек и только после этого отображает.

fixed

Ширина колонок в этом случае определяется либо с помощью тега <COL>, либо вычисляется на основе первой строки. Если данные о форматировании первой строки таблицы по каким-либо причинам получить невозможно, в этом случае таблица делится на колонки равной ширины. При использовании этого значения, содержимое, которое не помещается в ячейку указанной ширины, будет «обрезано» либо наложено поверх ячейки. Это зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет. Для корректной работы этого значения обязательно должна быть задана ширина таблицы.

inherit

Наследует значение родителя.