Главная » 2016 » Сентябрь » 10 » Empty-cells
22:02
Empty-cells
Подробное описание свойства CSS empty-cells - тип, значения, синтаксис, примеры использования, поддержка версиями CSS и браузерами.

empty-cells

Свойство CSS empty-cells используется для управления отображением фона и границ ячеек HTML-таблиц, которые не имеют содержимого видимого на странице. Это могут быть ячейки, к которым применено свойство visibility со значением hidden либо пустые ячейки. Ячейка считается пустой, если она отвечает следующим требованиям:

  1. Не содержит текст. Исключение составляют текстовые символы, отображением которых управляет свойство white-space &%23160;— это обычные пробелы (клавиша Space ), символы табуляции (клавиша Tab ) и перевода строк (клавиша Enter ).
  2. Не содержит HTML-теги.

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

Тип свойства

Значения

Значением свойства empty-cells является одно из ключевых слов, которое определяет, отображать фон ячеек или нет.

  • show — фон и границы отображаются, как у обычных ячеек.
  • hide — границы и фон не отображаются.
  • inherit — наследует значение empty-cells от родительского элемента.

Процентная запись: не существует.

Значение по умолчанию: show.

Синтаксис

empty-cells: show | hide | inherit

Пример CSS: использование empty-cells

Результат. Использование свойства CSS empty-cells.

Opera 9.2 при empty-cells равном hide скрывает только рамки ячеек, не имеющих отображаемого содержимого. То есть, по-сути, она делает цвет рамок таким же, как и фон ячеек.

К слову сказать, IE 6.0 и 7.0, которые не поддерживают данное свойство, всегда отображают такие ячейки без рамок, а вернее, в отличие от Opera 9.2, делают их цвет таким же, как и цвет фона таблицы.

  • Как сделать сайт
    Самому и бесплатно
  • Учебник HTML
    Для начинающих
  • Учебник CSS
    Для новичков
  • Справочники
    По HTML и CSS
  • Примеры
    HTML и CSS
  • Ссылки
    Полезные сайты для вебмастеров
  • Инструментарий
    Программы для создания сайтов

CSS по алфавиту

CSS по назначению