CSS свойство empty-cells устанавливает, следует ли отображать границы и фон пустых ячеек в таблице.
Обращаю Ваше внимание, что если свойство border-collapse: collapse (границы объединяются в одну, когда это возможно), то свойство empty-cells будет игнорировано.
Поддержка браузерами
| empty-cells | 1.0 | 1.0 | 4.0 | 1.2 | 8.0 | 12.0 |
empty-cells:»show | hide | initial | inherit»;
object.style.emptyCells = «show»
Значения свойства
| show | Задний фон и границы отображаются в пустых ячейках. Это значение по умолчанию. |
| hide | Задний фон и границы не отображаются в пустых ячейках. |
| initial | Устанавливает свойство в значение по умолчанию. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Версия CSS
Наследуется
Анимируемое
Пример использования
Пример использования свойства CSS empty-cells. td, th border : 1px solid; /* устанавливаем сплошную границу 1px (по умолчанию — черная) */ background-color : khaki; /* задаем цвет заднего фона для элементов и */ > .test border-collapse : separate; /* отдельно стоящие границы (по умолчанию) */ empty-cells : hide; /* задний фон и границы не отображаются в пустых ячейках */ > .test2 border-collapse : separate; /* отдельно стоящие границы (по умолчанию) */ empty-cells : show; /* задний фон и границы отображаются в пустых ячейках (по умолчанию) */ > class = «test»> empty-cells: hide;
class = «test2»> empty-cells: show;
shake device to fill empty cells with icons
CSS свойства
Кажется, вы используете блокировщик рекламы 🙁
Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.
Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.
Источник: basicweb.ru
empty-cells¶
Свойство empty-cells задаёт отображение границ и фона в ячейке, если она пустая.
При одновременном добавлении к таблице свойства border-collapse со значением collapse , свойство empty-cells игнорируется.
Ячейка считается пустой в следующих случаях:
- нет вообще никаких символов;
- в ячейке содержится только перевод строки, символ табуляции или пробел;
- значение visibility установлено как hidden .
Демо¶
Колонки и таблицы
Shake Device to fill empty cells with icons in Redmi Phones | What is shake device to fill empty cel
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- columns
Синтаксис¶
/* Keyword values */ empty-cells: show; empty-cells: hide; /* Global values */ empty-cells: inherit; empty-cells: initial; empty-cells: unset;
Значения¶
show Отображает границу вокруг ячейки и фон в ней. hide Граница и фон в пустых ячейках не отображается. Если все ячейки в строке пустые, то строка прячется целиком.
empty-cells: show;
Спецификации¶
Описание и примеры¶
html> head> meta charset=»utf-8″ /> title>empty-cellstitle> style> table border: 4px double #399; /* Граница вокруг таблицы */ > td background: #fc0; /* Цвет фона */ border: 1px solid #333; /* Граница вокруг ячеек */ empty-cells: hide; /* Прячем пустые ячейки */ padding: 5px; /* Поля в ячейках */ > style> head> body> table width=»100%»> tr> td>Леонардоtd> td>5td> td>8td> tr> tr> td>Рафаэльtd> td>td> td>11td> tr> tr> td>Микеланджелоtd> td>24td> td>td> tr> tr> td>Донателлоtd> td>td> td>13td> tr> table> body> html>
Источник: hcdev.ru
Fill in the empty cells: перевод, синонимы, произношение, примеры предложений, антонимы, транскрипция
- Теория
- Грамматика
- Лексика
- Аудио уроки
- Диалоги
- Разговорники
- Статьи
Все права на сервисы и материалы, находящиеся на сайте EnglishLib.org, защищены. Использование материалов возможно только с письменного разрешения владельца и при указании прямой активной ссылки на EnglishLib.org.
Источник: englishlib.org