CSS empty-cells property ব্যবহার

empty-cells property নির্দিষ্ট করে যে খালি সেলে বর্ডার দেখানো হবে কিনা। এটি নির্দেশ করে কোনো কন্টেন্ট ছাড়া সেলে বর্ডার প্রদর্শিত হবে কিনা।

উদাহরণ

এই property-র তিনটি মান হতে পারে: show, hide, 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>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>

নোট: border-collapse: separate; থাকা আবশ্যক। hide দিলে খালি সেলের বর্ডার ও প্যাডিং লুকিয়ে যায়।