Webdesign, Tutorials und mehr - Webmasterpro.de

empty-cells: Anzeige von leeren Tabellenzellen

Durch die Eigenschaft empty-cells können leere Tabellenzellen ein- oder ausgeblendet werden. Werden sie ausgeblendet, verschwinden Rahmen und Hintergründe. Als leere Tabellenzellen zählen Zellen ohne Inhalt und Zellen, die mit visibility: hidden formatiert sind. Dies gilt jedoch nicht, wenn die Zellen mit float formatiert sind oder die Zelle dargestellte Whitespaces enthält.

Werte

Kompatibilität

Der Internet Explorer bis Version 7 interpretiert diese Eigenschaft nicht.

Beispiel

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<style type="text/css">
    table {
        width:300px;
    }
    table, tr, td {
        border:1px #000 solid;
    }
    td + td {
        background:#FF9A00;
        width:50%;
    }
</style>
<table>
    <caption>
        Die 2. Zelle wird angezeigt
    </caption>
    <tr>
        <td>
            Nicht leer
        </td>
        <td>
        </td>
    </tr>
</table>
<table>
    <caption>
        Die 2. Zelle wird nicht angezeigt
    </caption>
    <tr>
        <td>
            Nicht leer
        </td>
        <td style="empty-cells:hide;">
        </td>
    </tr>
</table>

Kommentare: empty-cells: Anzeige von leeren Tabellenzellen