Вы здесь

CSS свойство empty-cells

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

Ячейка считается пустой, если

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

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

CSS синтаксис

empty-cells: show | hide | initial | inherit;

Возможные значения

Значение Описание
show Значение по умолчанию. Граница вокруг пустой ячейки и фон в ней отображаются.
hide Граница вокруг пустой ячейки и фон в ней не отображаются.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Скрываем границы и фон пустых ячеек таблицы


table {
     border-collapse: separate;
     empty-cells: hide;
}