Omadus empty-cells

Omadus empty-cells määrab brauserile, kuidas kuvada td lahtrite või th lahtrite tausta ja piire HTML-i tabelis: kas näidata neid või mitte.

Lahtrit loetakse tühjaks järgmistel juhtudel: lahtris pole ühtki märki, lahtris sisaldub ainult tühik (üks või mitu), reavahetus või tabeldusmärk, või kui omadus visibility on seatud väärtusele hidden.

Et muuta lahter mitte-tühjaks, kuid samas ilma nähtava tekstita, kasutatakse järgmist võtet: lahtrisse kirjutatakse murdumatu tühik  .

Omadus ei tööta, kui on määratud border-collapse väärtusega collapse.

Süntaks

cssselektor {
  empty-cells: show | hide;
}

Väärtused

Vaikeväärtus: show.

Näide . Väärtus show

Praegu on tabelis mõned lahtrid tühjad, kuid neil on siiski piir ja taust:

html<table>
  <tr>
    <td>lahter</td>
    <td></td>
    <td>lahter</td>
  </tr>
  <tr>
    <td></td>
    <td>lahter</td>
    <td></td>
  </tr>
  <tr>
    <td>lahter</td>
    <td>lahter</td>
    <td>lahter</td>
  </tr>
</table>

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

Результат:

Näide . Väärtus hide

Nüüd aga tühjadel lahtritel ei ole tausta ega piire:

html<table>
  <tr>
    <td>lahter</td>
    <td></td>
    <td>lahter</td>
  </tr>
  <tr>
    <td></td>
    <td>lahter</td>
    <td></td>
  </tr>
  <tr>
    <td>lahter</td>
    <td>lahter</td>
    <td>lahter</td>
  </tr>
</table>

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

Результат:

Vaata ka