Zellen aus- und einblenden
Mit HTML war es oftmals so, dass leere Zellen einfach ausgeblendet wurden. Mit CSS kann man dies nun selbst bestimmen. Hierfür dient die empty-cells-Eigenschaft. Als Wert erhält sie entweder das Wort hide oder das Wort show. Mit dem ersten verschwinden leere Zellen - mit dem zweiten bleiben sie. Ein Beispiel:
Mit HTML war es oftmals so, dass leere Zellen einfach ausgeblendet wurden. Mit CSS kann man dies nun selbst bestimmen. Hierfür dient die empty-cells-Eigenschaft. Als Wert erhält sie entweder das Wort hide oder das Wort show. Mit dem ersten verschwinden leere Zellen - mit dem zweiten bleiben sie. Ein Beispiel:
<style type="text/css">
<!--
table, td, th {
border: solid 1px red;
}
table{
border-collapse: separate;
border-spacing: 3px;
empty-cells: show;
}
-->
</style>
<table>
<tr>
<td>Zelle 1.1</td>
<td> </td>
</tr>
<tr>
<td>Zelle 2.1</td>
<td>Zelle 2.2</td>
</tr>
</table>
Anzeige
