Это свойство задает отображение границ и фона в ячейке таблицы, если она пустая. Если используется свойство 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;
}
