Eienskap empty-cells
Die eienskap empty-cells spesifiseer aan die leser
hoe om die agtergrond en grens van leë selle
td of selle
th van 'n HTML tabel te vertoon:
of om dit te wys of nie.
'n Sel word as leeg beskou in die volgende gevalle:
daar is geen karakters nie, die sel bevat slegs
spasies (een of meer), reëlaanduidings
of 'n tabkarakter, of die eienskap
visibility
is gestel na hidden.
Om 'n sel nie-leeg te maak, maar steeds
sonder sigbare teks, gebruik ons die volgende
metode: 'n harde spasie word in die sel geplaas
.
Die eienskap werk nie as border-collapse
gestel is na die waarde collapse nie.
Sintaksis
selektor {
empty-cells: show | hide;
}
Waardes
| Waarde | Beskrywing |
|---|---|
show |
Agtergrond en grens word vertoon vir 'n leë sel. |
hide |
Agtergrond en grens word nie vertoon vir 'n leë sel nie. |
Standaardwaarde: show.
Voorbeeld . Waarde show
Tans is sommige selle in die tabel leeg, maar hulle het steeds 'n grens en agtergrond:
<table>
<tr>
<td>sel</td>
<td></td>
<td>sel</td>
</tr>
<tr>
<td></td>
<td>sel</td>
<td></td>
</tr>
<tr>
<td>sel</td>
<td>sel</td>
<td>sel</td>
</tr>
</table>
table {
width: 400px;
empty-cells: show;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Voorbeeld . Waarde hide
Maar nou sal leë selle nie 'n agtergrond en grens hê nie:
<table>
<tr>
<td>sel</td>
<td></td>
<td>sel</td>
</tr>
<tr>
<td></td>
<td>sel</td>
<td></td>
</tr>
<tr>
<td>sel</td>
<td>sel</td>
<td>sel</td>
</tr>
</table>
table {
width: 400px;
empty-cells: hide;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Sien ook
-
die pseudoklas
empty,
wat spesifiseer hoe 'n leë element sal lyk