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 либо пустые ячейки. Ячейка считается пустой, если она отвечает следующим требованиям:
- Не содержит текст. Исключение составляют текстовые символы, отображением которых управляет свойство white-space — это обычные пробелы (клавиша Space ), символы табуляции (клавиша Tab ) и перевода строк (клавиша Enter ).
- Не содержит 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:
Свойство 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 ; , которая обозначает пробел, превращает пустую ячейку в заполненную.