Sifa empty-cells
Sifa empty-cells inaonyesha kivinjari
jinsi ya kuonyesha usuli na mpaka wa seli
td au seli
th za HTML jedwali:
kuonyesha au la.
Seli inachukuliwa kuwa tupu katika kesi zifuatazo:
hakuna alama zozote kabisa, seli ina
nafuasi (moja au zaidi) tu, kubadilisha
mstari au alama ya tab, au sifa
visibility
imewekwa kama hidden.
Ili kufanya seli isiwe tupu, lakini wakati huo huo
bila maandishi yanayoonekana, hutumia hila ifuatayo:
kwenye seli huandika nafuasi isiyovunjika
.
Sifa haifanyi kazi, ikiwa border-collapse
imewekwa kwa thamani collapse.
Kisarufu
kichagua {
empty-cells: show | hide;
}
Thamani
| Thamani | Maelezo |
|---|---|
show |
Usuli na mpaka zinaonyeshwa kwenye seli tupu. |
hide |
Usuli na mpaka hazionyeshwi kwenye seli tupu. |
Thamani chaguomsingi: show.
Mfano . Thamani show
Hivi sasa kwenye jedwali baadhi ya seli ni tupu, lakini bado zina mpaka na usuli:
<table>
<tr>
<td>seli</td>
<td></td>
<td>seli</td>
</tr>
<tr>
<td></td>
<td>seli</td>
<td></td>
</tr>
<tr>
<td>seli</td>
<td>seli</td>
<td>seli</td>
</tr>
</table>
table {
width: 400px;
empty-cells: show;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Mfano . Thamani hide
Na sasa seli tupu hazitakuwa na usuli na mpaka:
<table>
<tr>
<td>seli</td>
<td></td>
<td>seli</td>
</tr>
<tr>
<td></td>
<td>seli</td>
<td></td>
</tr>
<tr>
<td>seli</td>
<td>seli</td>
<td>seli</td>
</tr>
</table>
table {
width: 400px;
empty-cells: hide;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Angalia pia
-
pseudoclass
empty,
ambayo huweka jinsi kipengele tupu kitakavyoonekana