गुण empty-cells

गुण empty-cells ब्राउज़र को निर्देशित करता है कि HTML टेबल के खाली सेल td या सेल th की पृष्ठभूमि और सीमा कैसे दिखाए: दिखाएं या न दिखाएं।

सेल को निम्नलिखित स्थितियों में खाली माना जाता है: कोई भी वर्ण नहीं है, सेल में केवल सफेद स्थान (एक या अधिक), लाइन ब्रेक या टैब वर्ण है, या फिर गुण visibility hidden पर सेट है।

सेल को खाली नहीं बनाने के लिए, लेकिन साथ ही दिखने वाले पाठ के बिना, निम्न तरीका अपनाया जाता है: सेल में एक नॉन-ब्रेकिंग स्पेस   डाला जाता है।

गुण काम नहीं करता है, यदि border-collapse collapse मान पर सेट है।

सिंटैक्स

cssसेलेक्टर {
  empty-cells: show | hide;
}

मान

डिफ़ॉल्ट मान: show.

उदाहरण . मान show

अभी टेबल में कुछ सेल खाली हैं, लेकिन फिर भी उनकी सीमा और पृष्ठभूमि है:

html<table>
  <tr>
    <td>सेल</td>
    <td></td>
    <td>सेल</td>
  </tr>
  <tr>
    <td></td>
    <td>सेल</td>
    <td></td>
  </tr>
  <tr>
    <td>सेल</td>
    <td>सेल</td>
    <td>सेल</td>
  </tr>
</table>

csstable {
  width: 400px;
  empty-cells: show;
}
td {
  border: 1px solid black;
  background-color: #f3f3f3;
  text-align: center;
}

Результат:

उदाहरण . मान hide

और अब खाली सेल में पृष्ठभूमि और सीमा नहीं होगी:

html<table>
  <tr>
    <td>सेल</td>
    <td></td>
    <td>सेल</td>
  </tr>
  <tr>
    <td></td>
    <td>सेल</td>
    <td></td>
  </tr>
  <tr>
    <td>सेल</td>
    <td>सेल</td>
    <td>सेल</td>
  </tr>
</table>

csstable {
  width: 400px;
  empty-cells: hide;
}
td {
  border: 1px solid black;
  background-color: #f3f3f3;
  text-align: center;
}

Результат:

यह भी देखें