empty-cells в CSS

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

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

Синтаксис

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

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

Версии CSS

Браузеры

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

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

Empty-cells в CSS

Свойство empty-cells задает характер отображения границ и фона ячейки, если она является пустой.

Это свойство применимо к тегам:

Свойство игнорируется, если для ячейки задано свойство border-collapse со значением collapse .

Пустой ячейка считается если:

— в ней отсутствуют какие-либо символы,
— в ней содержится только перевод строки: символ табуляции или пробел,
— свойству visibility присвоено значение hidden .

Не поддерживается Internet Explorer до версии 8.0.

Значение

— hide — граница и фон пустых ячеек не отображаются. Если все ячейки в строке пустые, то строка скрыта целиком,

— show – граница и фон пустых ячеек отображаются,

— inherit — принимает значение свойства родительского элемента.

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

Пример

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

Попробуйте сами »

Определение и Использование

Свойство empty-cells устанавливает, показывать или нет границы и фон пустых ячеек в таблице (только для модели «разделенные границы»).

Поддержка Браузерами

Свойство empty-cells поддерживается всеми основными браузерами.

Замечание: IE8 поддерживает свойство empty-cells, только если указано объявление !DOCTYPE.

empty-cells

The empty-cells property specifies how user agents should render the borders and backgrounds of cells that have no visible content. It allows you to show or hide borders and backgrounds drawn around/behind empty cells.

Empty cells and cells with the visibility property set to hidden are considered to have no visible content, and hence can be styled using the empty-cells property.

A value of hide means that no borders or backgrounds are drawn around/behind empty cells. Furthermore, if all the cells in a row have a value of hide and have no visible content, then the row has zero height and there is vertical border-spacing on only one side of the row.

Table cells are empty unless they contain one or more of the following:

• floating content (including empty elements),
• in-flow content (including empty elements) other than white space that has been collapsed away by the white-space property handling.

Trivia & Notes

The empty-cells property only applies when the border-collapse value is separate , because otherwise, if the border model is collapsed , the borders of cells would be joined and shared and hence their borders would be shared, and it wouldn’t be possible to hide the borders of one cell without hiding those of the adjacent cells.

Official Syntax

• Syntax:

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

table
<
border-collapse:separate;
empty-cells:hide;
>

Описание и использование

Свойство CSS empty-cells определяет отображение/скрытие границ и фонового цвета пустых ячеек таблицы (только при значении свойства border-collapse:separate).

Поддержка в браузерах

Свойство empty-cells поддерживается всеми основными браузерами.

Заметка: Internet Explorer 8 (и выше) поддерживает свойство empty-cells только если указан DOCTYPE.

CSS empty-cells

The CSS empty-cells property specifies whether to display or hide borders on empty table cells.

Empty table cells are cells that don’t contain any visible content. Visible content includes and other whitespace except ASCII CR ( \0D ), LF ( \0A ), tab ( \09 ), and space ( \20 ).

Empty cells and cells with the visibility property set to hidden are considered to have no visible content. Cells are empty unless they contain one or more of the following:

• floating content (including empty elements),
• in-flow content (including empty elements) other than white space that has been collapsed away by the white-space property handling.

When the empty-cells property is set to show , borders are drawn around the empty cell and backgrounds are drawn behind it. When set to hide , no borders are drawn around it and no background is drawn.

Also, if all the cells in a row have a value of hide and have no visible content, then the row has zero height and there is vertical border-spacing on only one side of the row.

Collapsed vs Separated Borders

This property has no effect when using the collapsed borders mode ( border-collapse: collapse; ). It only has an effect when using the separated borders mode (i.e. border-collapse: separate ).

See border-collapse more information on these modes.

Syntax

Possible Values

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial Represents the value specified as the property’s initial value. inherit Represents the computed value of the property on the element’s parent. unset This value acts as either inherit or initial , depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

Свойство empty-cells

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

Допустимые значения

• show — отображать границы и фон


• h >
  Значение по умолчанию show Применимо td, th Наследование да Версия CSS CSS 2 Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

  Пример

  Твой код:

  Результат:

  Заметки

  Ячейка, не содержащая видимый контент считается в случаях:

  • не содержит символов вообще
  • содержит пробел, табуляцию или перевод строки

  Добавление специальных символов (например, — пробел) воспринимается за видимое содержимое.

  Блог Vaden Pro

  • 12 просмотров

  Характеристики свойства

  В каких браузерах работает?

  8.0+

  1.0+

  4.0+

  1.2+

  1.0+

  1.0+

  1.0+

  В каких версиях CSS используется?

  CSS 1	CSS 2	CSS 2.1	CSS 3
  —	+	+	+

  Для чего используется?

  Определяет особенности отображения пустых ячеек. Стоит отметить, что данное свойство перекрывается значением collapse у правила border-collapse.

  Ячейка считается пустой, когда:

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

  Использование конструкции & nbsp ; , которая обозначает пробел, превращает пустую ячейку в заполненную.