Version 117403 von border-collapse

  • Adressname der Version: CSS/border-collapse
  • Titel der Version: border-collapse
  • ID der Version: 117403
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar Die Seite wurde neu angelegt: __NOTOC__ <div class="breadcrumbs"><table width="100%"><tr> <td style="width:33%;text-align:left"> ← [[CSS:border-bottom|border-bottom]] </td> <td style="width:33%;te...
Schlagwörter: 

Inhalt der Version

Übersicht

Die Eigenschaft 'border-collapse legt fest wie die Zellenrahmen angezeigt werden sollen

Standardwert
seperate
Anwendbar auf
'table' und 'inline-table' Elemente
Geerbt
Ja
Medium
visual
Werte
seperate, collapse oder inherit

Syntax

border-collapse: collapse | seperate | inherit


Werte

collapse
Die Zellen werden von nur einem Rahmen getrennt
seperate
Jede Zelle besitzt ihre eigenen Rahmen, deren Abstand mit border-spacing angegeben wird
inherit
der Browser verwendet den Wert des Elternelements.

Beispiele

Ergebnis Quelltext
1A2A
2A2B
border-collapse:collapse
1A2A
2A2B
border-collapse:seperate

Browser-Kompatibilität

   IE
   Netscape
   Opera
   Firefox
   Konqueror
   Netscape
   Opera
   Firefox
   Konqueror
Browser Internet Explorer Netscape Opera Firefox Konqueror
Version 4 5 6 7 4 5 6 7 3 4 5 6 7 8 1 2 3 3.5.x
Ja Ja Ja Ja Ja Ja Ja Ja Nein Nein Ja * Ja Ja Ja Ja Ja Ja Ja

Siehe auch

border-spacing

Quelltext der Version

<div class="breadcrumbs"><table width="100%"><tbody><tr>
<td style="width:33%;text-align:left"> ← <a href="de/CSS/border-bottom">border-bottom</a> </td>
<td style="width:33%;text-align:center"> ↑ <a href="de/CSS/border">border</a> ↑ </td>
<td style="width:33%;text-align:right"> <a href="de/CSS/border-color">border-color</a> → </td>
</tr></tbody></table></div>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<p>Die Eigenschaft '<i>border-collapse</i> legt fest wie die Zellenrahmen angezeigt werden sollen
</p>
<dl><dt>Standardwert</dt><dd> seperate
</dd><dt>Anwendbar auf</dt><dd> 'table' und 'inline-table' Elemente
</dd><dt>Geerbt</dt><dd> Ja
</dd><dt>Medium</dt><dd> visual
</dd><dt>Werte</dt><dd> seperate, collapse oder inherit
</dd></dl>
<h3 name="Syntax"> Syntax </h3>
<pre>border-collapse: collapse | seperate | inherit</pre>
<p><br>
</p>
<h3 name="Werte"> Werte </h3>
<dl><dt>collapse
</dt><dd>Die Zellen werden von nur einem Rahmen getrennt
</dd><dt>seperate
</dt><dd>Jede Zelle besitzt ihre eigenen Rahmen, deren Abstand mit <a href="de/CSS/border-spacing">border-spacing</a> angegeben wird
</dd><dt>inherit
</dt><dd>der Browser verwendet den Wert des Elternelements.
</dd></dl>
<h3 name="Beispiele"> Beispiele </h3>
<table class="standard-table" style="width:100%"> <tbody><tr>
<td class="header" width="50%">Ergebnis
</td><td class="header">Quelltext
</td></tr>
<tr>
<td><table style="border:1px solid black;border-collapse:collapse">
<tbody><tr><td style="border:1px solid black;">1A</td><td style="border:1px solid black;">2A</td></tr>
<tr><td style="border:1px solid black;">2A</td><td style="border:1px solid black;">2B</td></tr>
</tbody></table>
</td><td><pre>border-collapse:collapse</pre>
</td></tr>
<tr>
<td><table style="border:1px solid black;border-collapse:seperate">
<tbody><tr><td style="border:1px solid black;">1A</td><td style="border:1px solid black;">2A</td></tr>
<tr><td style="border:1px solid black;">2A</td><td style="border:1px solid black;">2B</td></tr>
</tbody></table>
</td><td><pre>border-collapse:seperate</pre>
</td></tr></tbody></table>
<h3 name="Browser-Kompatibilit.C3.A4t">Browser-Kompatibilität</h3>
<pre class="eval">   <span class="comment">IE</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><table class="standard-table" style="width:100%"> <tbody><tr> <th class="header">Browser</th> <th class="header" colspan="4">Internet Explorer</th> <th class="header" colspan="4">Netscape</th> <th class="header" colspan="6">Opera</th> <th class="header" colspan="3">Firefox</th> <th class="header" colspan="1">Konqueror</th> </tr> <tr> <th>Version</th>
 <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th>
 <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th>
 <th class="header">3</th> <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th> <th class="header">8</th>
 <th class="header">1</th> <th class="header">2</th> <th class="header">3</th>
 <th class="header">3.5.x</th> </tr> <tr> <td> </td><td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>
 <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>
 <td style="background:#FF785A">Nein</td> <td style="background:#FF785A">Nein</td> <td style="background:#5FE716" title="ab Version 5.12">Ja *</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>
 <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>
 <td style="background:#5FE716">Ja</td> </tr>
</tbody></table>
<h3 name="Siehe_auch">Siehe auch</h3>
<p><a href="de/CSS/border-spacing">border-spacing</a>
</p>
Zu dieser Version zurücksetzen