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
selektor {
empty-cells: show | hide;
}
Vrednosti
| Vrednost | Opis |
|---|---|
show |
Pozadina i ivica se prikazuju kod prazne ćelije. |
hide |
Pozadina i ivica se ne prikazuju kod prazne ćelije. |
Podrazumevana vrednost: show.
Primer . Vrednost show
Trenutno u tabeli su neke ćelije prazne, ali one i dalje imaju ivicu i pozadinu:
<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>
table {
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:
<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>
table {
width: 400px;
empty-cells: hide;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Pogledajte takođe
-
pseudoklasa
empty,
koja određuje kako će izgledati prazan element