CSS empty-cells गुण का उपयोग

empty-cells गुण निर्दिष्ट करता है कि यदि सेल खाली है तो बॉर्डर दिखाया जाना चाहिए या नहीं। यह इंगित करता है कि बिना किसी सामग्री वाले सेल का बॉर्डर प्रदर्शित होना चाहिए।

उदाहरण

इस गुण के तीन मान हो सकते हैं: 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>