Хосияти empty-cells

Хосияти empty-cells ба браузер нишон медиҳад, ки чӣ тавр замина ва ҳудуди ҳуҷайраҳои td ё ҳуҷайраҳои th-и ҷадвали HTML намоиш дода шаванд: намоиш дода шавад ё на.

Ҳуҷайра холӣ ҳисоб карда мешавад дар ҳолатҳои зерин: ҳеҷ аломате вуҷуд надошта бошад, дар ҳуҷайра танҳо фосила (як ё якчанд) ҳаст, сатри нав ё аломати таб, ё хосияти 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;
}

Результат:

Нигаред низ