English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Метод использования и пример свойства CSS empty-cells

Свойство empty-cells CSS показывает или скрывает рамку и фон вокруг ячеек таблицы, которые не содержат видимого содержимого. Неразрывные пробелы (nbsp;) считаются видимым содержимым.

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

Значение по умолчанию:show
Поддерживается:Элементы ячеек таблицы
Наследование:Да
Анимируемо:Нет.См. Анимационные свойства
Версия:CSS 2, 3
JavaScript грамматика: object.style.emptyCells="hide"

Грамматика использования пустых клеток

Грамматика этого свойства такая:

empty-cells: show | hide | initial | inherit

Ниже приведен пример того, как использовать свойство empty-cells.

  table {
   empty-cells: show;
  }
Проверьте, посмотрите‹/›

Значение свойства

В таблице ниже описаны значения этого свойства.

ЗначениеОписание
showКак обычно, рисуйте рамку и фон вокруг пустых клеток. Это значение по умолчанию.
hideУгловые клетки вокруг пустых клеток не имеют рамки или фона.
initialУстановить этот атрибут в его значение по умолчанию.
inheritЕсли указано, то связанный элемент принимает значение свойства empty-cells родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства empty-cells, числа в таблице ниже показывают минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 4+

Предупреждение: Internet Explorer 7 и более ранние версии не поддерживают свойство empty-cells. IE8 поддерживает это свойство, но требует действительного<!DOCTYPE>

Дополнительное чтение

См. руководства:CSS Tables

Связанные свойства:table-layoutborder-collapseborder-spacing