Sifa empty-cells

Sifa empty-cells inaonyesha kivinjari jinsi ya kuonyesha usuli na mpaka wa seli td au seli th za HTML jedwali: kuonyesha au la.

Seli inachukuliwa kuwa tupu katika kesi zifuatazo: hakuna alama zozote kabisa, seli ina nafuasi (moja au zaidi) tu, kubadilisha mstari au alama ya tab, au sifa visibility imewekwa kama hidden.

Ili kufanya seli isiwe tupu, lakini wakati huo huo bila maandishi yanayoonekana, hutumia hila ifuatayo: kwenye seli huandika nafuasi isiyovunjika  .

Sifa haifanyi kazi, ikiwa border-collapse imewekwa kwa thamani collapse.

Kisarufu

csskichagua {
  empty-cells: show | hide;
}

Thamani

Thamani chaguomsingi: show.

Mfano . Thamani show

Hivi sasa kwenye jedwali baadhi ya seli ni tupu, lakini bado zina mpaka na usuli:

html<table>
  <tr>
    <td>seli</td>
    <td></td>
    <td>seli</td>
  </tr>
  <tr>
    <td></td>
    <td>seli</td>
    <td></td>
  </tr>
  <tr>
    <td>seli</td>
    <td>seli</td>
    <td>seli</td>
  </tr>
</table>

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

Результат:

Mfano . Thamani hide

Na sasa seli tupu hazitakuwa na usuli na mpaka:

html<table>
  <tr>
    <td>seli</td>
    <td></td>
    <td>seli</td>
  </tr>
  <tr>
    <td></td>
    <td>seli</td>
    <td></td>
  </tr>
  <tr>
    <td>seli</td>
    <td>seli</td>
    <td>seli</td>
  </tr>
</table>

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

Результат:

Angalia pia