Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Sử dụng thuộc tính CSS empty-cells


Thuộc tính empty-cells chỉ định xem viền có nên hiển thị nếu một ô trống hay không. Nó chỉ ra xem một ô không có nội dung có nên hiển thị viền hay không.

Ví dụ

Thuộc tính này có thể có một trong ba giá trị show, hide hoặc inherit.

<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>Tiêu đề một</th>             <th>Tiêu đề hai</th>          </tr>          <tr>             <th>Tiêu đề hàng</th>             <td class = "empty">R1T1</td>             <td class = "empty">R1T2</td>          </tr>          <tr>             <th>Tiêu đề hàng</th>             <td class = "empty">R2T1</td>             <td class = "empty"></td>          </tr>       </table>    </body> </html>