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
selector {
empty-cells: show | hide;
}
Verdier
| Verdi | Beskrivelse |
|---|---|
show |
Bakgrunn og ramme vises for en tom celle. |
hide |
Bakgrunn og ramme vises ikke for en tom celle. |
Standardverdi: show.
Eksempel . Verdien show
Nå har tabellen noen tomme celler, men de har likevel ramme og bakgrunn:
<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>
table {
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:
<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>
table {
width: 400px;
empty-cells: hide;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Se også
-
pseudoklassen
empty,
som spesifiserer hvordan et tomt element skal se ut