Свойство empty-cells задает характер отображения границ и фона ячейки, если она является пустой.
Это свойство применимо к тегам: <td> и <th>.
Свойство игнорируется, если для ячейки задано свойство border-collapse со значением collapse.
Пустой ячейка считается если:
- в ней отсутствуют какие-либо символы,
- в ней содержится только перевод строки: символ табуляции или пробел,
- свойству visibility присвоено значение hidden.
Не поддерживается Internet Explorer до версии 8.0.
Значение свойства empty-cells
- hide - граница и фон пустых ячеек не отображаются. Если все ячейки в строке пустые, то строка скрыта целиком,
- show – граница и фон пустых ячеек отображаются,
- inherit - принимает значение свойства родительского элемента.
- show
<html>
<head>
<meta charset="utf-8">
<title> Свойство empty-cells </title>
<style type="text/css">
td {border:#FF0000 solid 2px; background:#99FF99; padding:5px}
</style>
</head>
<body>
<table width="700" style="border:#FF0000 solid 2px; empty-cells:hide">
<tr>
<td> Граница и фон пустых </td>
<td></td>
</tr>
<tr>
<td></td>
<td> ячеек не отображены </td>
</tr>
</table>
<table width="700" style="border:#FF0000 solid 2px; empty-cells:show">
<tr>
<td> Граница и фон пустых </td>
<td></td>
</tr>
<tr>
<td></td>
<td> ячеек отображены </td>
</tr>
</table>
</body>
</html>
