15.01.2013, 07:28 Uhr

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:
<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>



Das könnte Sie auch interessieren