Eienskap empty-cells

Die eienskap empty-cells spesifiseer aan die leser hoe om die agtergrond en grens van leë selle td of selle th van 'n HTML tabel te vertoon: of om dit te wys of nie.

'n Sel word as leeg beskou in die volgende gevalle: daar is geen karakters nie, die sel bevat slegs spasies (een of meer), reëlaanduidings of 'n tabkarakter, of die eienskap visibility is gestel na hidden.

Om 'n sel nie-leeg te maak, maar steeds sonder sigbare teks, gebruik ons die volgende metode: 'n harde spasie word in die sel geplaas  .

Die eienskap werk nie as border-collapse gestel is na die waarde collapse nie.

Sintaksis

cssselektor {
  empty-cells: show | hide;
}

Waardes

Standaardwaarde: show.

Voorbeeld . Waarde show

Tans is sommige selle in die tabel leeg, maar hulle het steeds 'n grens en agtergrond:

html<table>
  <tr>
    <td>sel</td>
    <td></td>
    <td>sel</td>
  </tr>
  <tr>
    <td></td>
    <td>sel</td>
    <td></td>
  </tr>
  <tr>
    <td>sel</td>
    <td>sel</td>
    <td>sel</td>
  </tr>
</table>

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

Результат:

Voorbeeld . Waarde hide

Maar nou sal leë selle nie 'n agtergrond en grens hê nie:

html<table>
  <tr>
    <td>sel</td>
    <td></td>
    <td>sel</td>
  </tr>
  <tr>
    <td></td>
    <td>sel</td>
    <td></td>
  </tr>
  <tr>
    <td>sel</td>
    <td>sel</td>
    <td>sel</td>
  </tr>
</table>

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

Результат:

Sien ook