empty-cells 속성은 셀이 비어 있는 경우 테두리를 표시할지 여부를 지정합니다. 내용이 없는 셀에 테두리를 표시해야 하는지 여부를 나타냅니다.
예시
이 속성은 표시, 숨기기 또는 상속 세 가지 값 중 하나를 가질 수 있습니다.
<html>
<head>
<style>
table.empty{
width:400px;
border-collapse:separate;
empty-cells:hide;
}
td.empty{
padding:5px;
border-style:solid;
border-width:1px;
border-color:#999999;
}
</style>
</head>
<body>
<table class = "empty">
<tr>
<th></th>
<th>Title one</th>
<th>Title two</th>
</tr>
<tr>
<th>Row Title</th>
<td class = "empty">R1T1</td>
<td class = "empty">R1T2</td>
</tr>
<tr>
<th>Row Title</th>
<td class = "empty">R2T1</td>
<td class = "empty"></td>
</tr>
</table>
</body>
</html>