Egenskapen empty-cells

Egenskapen empty-cells spesifiserer for nettleseren hvordan den skal vise bakgrunn og ramme for tomme celler td eller celler th i en HTML tabell: vise dem eller ikke.

En celle anses som tom i følgende tilfeller: det er ingen tegn i det hele tatt, cellen inneholder kun mellomrom (ett eller flere), linjeskift eller tabulator-tegn, eller egenskapen visibility er satt til hidden.

For å gjøre en celle ikke-tom, men samtidig uten synlig tekst, brukes følgende triks: et hardt mellomrom   skrives inn i cellen.

Egenskapen fungerer ikke hvis border-collapse er satt til verdien collapse.

Syntaks

cssselector {
  empty-cells: show | hide;
}

Verdier

Standardverdi: show.

Eksempel . Verdien show

Nå har tabellen noen tomme celler, men de har likevel ramme og bakgrunn:

html<table>
  <tr>
    <td>celle</td>
    <td></td>
    <td>celle</td>
  </tr>
  <tr>
    <td></td>
    <td>celle</td>
    <td></td>
  </tr>
  <tr>
    <td>celle</td>
    <td>celle</td>
    <td>celle</td>
  </tr>
</table>

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

Результат:

Eksempel . Verdien hide

Men nå vil de tomme cellene ikke ha bakgrunn og ramme:

html<table>
  <tr>
    <td>celle</td>
    <td></td>
    <td>celle</td>
  </tr>
  <tr>
    <td></td>
    <td>celle</td>
    <td></td>
  </tr>
  <tr>
    <td>celle</td>
    <td>celle</td>
    <td>celle</td>
  </tr>
</table>

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

Результат:

Se også