border-collapse: Rahmen bei Tabellenzellen verbinden

0 | 0 Kommentare | 2530 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "border-collapse: Rahmen bei Tabellenzellen verbinden" mit Ihrem Wissen!

Anzeige Hier werben

border-collapse

Werte: seperate, collapse
Standardwert: seperate
Vererbung: ja
Kurzschreibweise: keine
Anwendbar auf: table-Elemente
CSS-Level: CSS2.1, CSS3

Mit der Eigenschaft border-collapse können die Rahmen von Tabellenzellen miteinander verbunden werden. Dabei entfällt der Abstand zwischen den Tabellenzellen (border-spacing).

Werte

Wert
 Auswirkung
 Beispiel
seperate (Standard)
 Die Rahmen werden nicht verbunden
 border-collapse: sperate
collapse
 Die Rahmen werden miteinander verbunden
 border-collapse: collapse

Beispiel

border-collapse  
Dieses Beispiel ausprobieren
HTML
 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
37
38
39
40
41
42
43
44
45
46
47
48
<style type="text/css">
    table, tr, td {
        border:1px #000 solid;
        margin:1em;
    }
</style>
<table>
    <caption>
        Eine Tabelle ohne verbundene Rahmen
    </caption>
    <tr>
        <td>
            Zelle
        </td>
        <td>
            Zelle
        </td>
    </tr>
    <tr>
        <td>
            Zelle
        </td>
        <td>
            Zelle
        </td>
    </tr>
</table>
<table style="border-collapse:collapse;">
    <caption>
        Eine Tablle mit verbundenen Rahmen
    </caption>
    <tr>
        <td>
            Zelle
        </td>
        <td>
            Zelle
        </td>
    </tr>
    <tr>
        <td>
            Zelle
        </td>
        <td>
            Zelle
        </td>
    </tr>
</table>
Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher hat 1 Person an der Seite "border-collapse: Rahmen bei Tabellenzellen verbinden" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "border-collapse: Rahmen bei Tabellenzellen verbinden" hier bearbeiten.

Mitarbeiter
  • Holger V
    Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.

Kommentare: border-collapse: Rahmen bei Tabellenzellen verbinden