Својство empty-cells

Својство empty-cells указује прегледачу како да прикаже позадину и ивицу празних ћелија td или ћелија th HTML табеле: да ли да их прикаже или не.

Ћелија се сматра празном у следећим случајевима: у њој нема никаквих симбола, у ћелији се налази само празан простор (један или више), прелазак у нови ред или симбол табулације, или ако је својство visibility подешено као hidden.

Да би ћелија не била празна, а ипак без видљивог текста, користи се следећи трик: у ћелију се уноси нераздвојни празан простор  .

Својство не функционише ако је подешен border-collapse на вредност collapse.

Синтакса

cssселектор {
  empty-cells: show | hide;
}

Вредности

Подразумевана вредност: show.

Пример . Вредност show

Тренутно у табели су неке ћелије празне, али све ипак имају ивицу и позадину:

html<table>
  <tr>
    <td>cell</td>
    <td></td>
    <td>cell</td>
  </tr>
  <tr>
    <td></td>
    <td>cell</td>
    <td></td>
  </tr>
  <tr>
    <td>cell</td>
    <td>cell</td>
    <td>cell</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>cell</td>
    <td></td>
    <td>cell</td>
  </tr>
  <tr>
    <td></td>
    <td>cell</td>
    <td></td>
  </tr>
  <tr>
    <td>cell</td>
    <td>cell</td>
    <td>cell</td>
  </tr>
</table>

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

Результат:

Погледајте такође