Svojstvo empty-cells

Svojstvo empty-cells određuje pretraživaču kako da prikaže pozadinu i ivicu praznih ćelija td ili ćelija th HTML tabele: da li da ih prikaže ili ne.

Ćelija se smatra praznom u sledećim slučajevima: ako nema nikakvih karaktera, ako ćelija sadrži samo razmak (jedan ili više), prelazak u novi red ili tabulator, ili ako je svojstvo visibility podešeno na hidden.

Da bi ćelija bila ne prazna, ali istovremeno bez vidljivog teksta, koristi se sledeći trik: u ćeliju se upisuje nerazdvojivi razmak  .

Svojstvo ne funkcioniše ako je postavljeno border-collapse na vrednost collapse.

Sintaksa

cssselektor {
  empty-cells: show | hide;
}

Vrednosti

Podrazumevana vrednost: show.

Primer . Vrednost show

Trenutno u tabeli su neke ćelije prazne, ali one i dalje imaju ivicu i pozadinu:

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;
}

Результат:

Primer . Vrednost hide

A sada prazne ćelije neće imati pozadinu i ivicu:

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;
}

Результат:

Pogledajte takođe