Computer >> Máy Tính >  >> Lập trình >> Javascript

Sử dụng thuộc tính ô trống CSS


Thuộc tính ô trống chỉ định xem đường viền có được hiển thị hay không nếu ô trống. Nó cho biết liệu một ô không có bất kỳ nội dung nào có được hiển thị đường viền hay không.

Ví dụ

Thuộc tính này có thể có một trong ba giá trị hiển thị, ẩn hoặc kế thừa.

<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>