empty-cells в CSS


empty-cells

Браузер Internet Эксплорер Нетscape Опера Safari Файер фох
Версия 5.5 6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Нет Нет Нет ? Ошибки Ошибки Ошибки Ошибки Ошибки Да Да Да Ошибки Ошибки Да

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

CSS (ЦСС) CSS (ЦСС)2
Значение по умолчанию show
Наследуется Да
Применяется К , или к элементам, у которых display : table-cell
Аналог ШТМЛ Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/tables.ШТМЛ#propdef-empty-cells

Описание

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

Ячейка считается пустой в следующих случаях:

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

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

Синтаксис

empty-cells: show | hide

Аргументы

ШТМЛ 4.01 CSS (ЦСС) 2.1 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Результат данного примера в браузере Опера показан ни рис. 1. Тот же пример в браузере Файер фох продемонстрирован на рис. 2.

Рис. 1. Вид таблицы в браузере Опера 9.2

Рис. 2. Вид таблицы в браузере Файер фох 2

Браузеры

Internet Эксплорер не поддерживает параметр empty-cells и отображает пустые ячейки всегда так, словно для них установлено empty-cells : hide .


Файер фох версии 2 и ниже (а также Нетscape) не прячет строку таблицы, если для всех ячеек задано empty-cells : hide и ячейки пусты.

Браузер Опера не скрывает строку таблицы и для пустых ячеек отображает цвет фона (см. рис. 1).

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

css -свойство empty-cells (от англ. empty cells – пустые ячейки) позволяет регулировать отображение границ и фона ячеек, у которых отсутствует содержимое (т.е. пустых ячеек). Браузеры считают ячейку пустой, если у нее отсутствуют любые символы, за исключением пробельных, либо значение свойства visibility установлено, как hidden .

Если используется свойство border-collapse со значением collapse , свойство empty-cells игнорируется.

empty-cells

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

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

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

Тип свойства

Применяется: к тегам и и элементам с display: table-cell .

Значения

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

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

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

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

Синтаксис


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

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

Версии CSS

Версия: CSS 1 CSS 2 CSS 2.1 CSS 3
Поддержка: Нет Да Да Да

Браузеры

Браузер: Internet Explorer Google Chrome Mozilla Firefox Opera Safari
Версия: 6.0 и 7.0 8.0 и выше 2.0 и выше 2.0 и выше 9.2 9.6 и выше 3.1 и выше
Поддержка: Нет Да Да Да Частично Да Да

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

Пример

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

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

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

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

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

Значение по умолчанию: show
Наследуется: да
Версия: CSS2
JavaScript синтаксис: объект.style.emptyCells=»hide»

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

Свойство 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:
  • Initial: show
  • Applies To: ‘table-cell’ elements
  • Animatable: no
  • Свойство CSS empty-cells

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

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

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

    Значение по умолчанию show
    Наследование да
    Версия CSS CSS 2
    Синтаксис JavaScript object.style.emptyCells=»hide»

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

    Свойство 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 ; , которая обозначает пробел, превращает пустую ячейку в заполненную.

    Илон Маск рекомендует:  Как узнать, что курсор мыши над моей формой
    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL