empty-cells
table 태그에서 내용이 없는 빈 셀들의 표시 여부를 지정
show : 빈 셀의 주의에 태두리르 표시하여 빈 셀을 나타냄 기본값
hide : 빈 셀에 테두리를 그리지 않고 비워둠
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table {
border: 2px solid black; /* 테두리 스타일 */
empty-cells: hide; /* 내용이 없는 셀에 대하여 비워둠 */
}
td {
border: 1px dotted black;
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<table>
<caption>표 스타일</caption>
<tr>
<td>시네마천국</td>
<td>벤허</td>
<td></td>
</tr>
<tr>
<td></td>
<td>11:00~14:30</td>
<td>16:00~19:00</td>
</tr>
</table>
</body>
</html>
