empty-cells

Оновлено: 29.03.2023

empty-cells


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


Комірка вважається порожньою в таких випадках:

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

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

Коротка інформація

Значення за замовчуванням show
Успадковується Так
Застосовується До <td>, <th> або до елементів, у яких display: table-cell
Анімується Ні

Синтаксис 

empty-cells: show | hide

Значення

show Відображає межу навколо комірки та фон у ній.
hide Межа і тло в порожніх комірках не відображаються. Якщо всі комірки в рядку порожні, то рядок ховається цілком.

Приклад

Об'єктна модель

Об'єкт.style.emptyCells

Примітка

Internet Explorer до версії 7 включно не підтримує властивість empty-cells і відображає порожні комірки завжди так, немов для них встановлено empty-cells: hide.
Firefox версії 2 і нижче не ховає рядок таблиці, якщо для всіх клітинок задано empty-cells: hide і клітинки порожні.
Браузер Opera до версії 9.27 включно не приховує рядок таблиці і для порожніх клітинок відображає колір фону.

Браузери

empty-cells

Переглянути сумісність з Can I use?

empty-cells