Version 117404 von border-collapse

  • Adressname der Version: CSS/border-collapse
  • Titel der Version: border-collapse
  • ID der Version: 117404
  • Erstellt:
  • Autor: Jürgen Jeka
  • Aktuelle Version? Nein
  • Kommentar template.NeedsTechnicalReview(); 6 words added
Schlagwörter: 

Inhalt der Version

{{ NeedsTechnicalReview() }}

Ü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
1A 2A
2A 2B
border-collapse:collapse
1A 2A
2A 2B
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" title="de/CSS/border-bottom">border-bottom</a></td> <td style="width:33%;text-align:center">↑ <a href="/de/CSS/border" title="de/CSS/border">border</a> ↑</td> <td style="width:33%;text-align:right"><a href="/de/CSS/border-color" title="de/CSS/border-color">border-color</a> →</td> </tr> </tbody>
</table>
</div>
<p>{{ NeedsTechnicalReview() }}</p>
<h3 name=".C3.9Cbersicht">Übersicht</h3>
<p>Die Eigenschaft '<em>border-collapse</em> 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> </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" title="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" title="de/CSS/border-spacing">border-spacing</a></p>
Zu dieser Version zurücksetzen