Пример
Не отображать границы для пустых ячеек в таблице:
table
{
empty-cells: hide;
}
Попробуйте сами »
Определение empty-cells
CSS свойство empty-cells задает, отображать или не отображать границы пустых ячеек в таблице.
Примечание: Это свойство не действует, если border-collapse является "collapse".
| Значение по умолчанию: | show |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.emptyCells="hide" Попробуй |
Поддержка empty-cells
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| empty-cells | 1.0 | 8.0 | 1.0 | 1.2 | 4.0 |
Синтаксис empty-cells
empty-cells: show|hide|initial|inherit;
Значения empty-cells
| Значение | Описание | Демонстрация |
|---|---|---|
| show | Отображать границы пустых ячеек. Это значение по умолчанию | Демо ❯ |
| hide | Скрыть границы пустых ячеек | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме empty-cells
CSS Учебник: CSS Таблица
HTML DOM справочник: emptyCells свойство