Versionen vergleichen

border-collapse

Versionsänderungen

Version 117405:

Version 117405 von Jürgen Jeka am

Version 117406:

Version 117406 von fscholz am

Titel:
border-collapse
border-collapse
Adressname:
CSS/border-collapse
CSS/border-collapse
Schlagwörter:
css, "CSS Referenz"
css, "CSS Referenz"
Inhalt:

Version 117405
Version 117406
n7    <p>n7    <h3>
8      {{ outdated('Aktueller ist die englische Dokumentation: <a 
>href='/"/en/CSS/border-collapse/"'>/en/CSS/border-collapse</a>')  
>}} 
9    </p>
10    <div class="breadcrumbs">
11      <table width="100%">
12        <tbody>
13          <tr>
14            <td style="width:33%;text-align:left">
15              ← <a href="/de/CSS/border-bottom" title="de/CSS/bor
>der-bottom">border-bottom</a> 
16            </td>
17            <td style="width:33%;text-align:center">
18              ↑ <a href="/de/CSS/border" title="de/CSS/border">bo
>rder</a> ↑ 
19            </td>
20            <td style="width:33%;text-align:right">
21              <a href="/de/CSS/border-color" title="de/CSS/border
>-color">border-color</a> → 
22            </td>
23          </tr>
24        </tbody>
25      </table>
26    </div>
27    <h3 name=".C3.9Cbersicht">
n31      Die Eigenschaft '<em>border-collapse</em> legt fest wie dien11      Die <code>border-collapse</code> Eigenschaft bestimmt, ob d
> Zellenrahmen angezeigt werden sollen>ie Rahmen innerhalb einer Tabelle zusammenfallen oder getrennt da
 >rgestellt werden.
n33    <dl>n13    <ul>
34      <dt>14      <li>Standardwert: <code>separate</code>
35        Standardwert
36      </dt>15      </li>
37      <dd>16      <li>Anwendbar auf: <code>table</code> und <code>inline-tabl
 >e</code> Elemente
38        seperate
39      </dd>17      </li>
40      <dt>18      <li>Vererbbar: Ja
41        Anwendbar auf
42      </dt>19      </li>
43      <dd>20      <li>Prozentwerte: Nein
44        'table' und 'inline-table' Elemente
45      </dd>21      </li>
46      <dt>22      <li>Medium: visuell
47        Geerbt
48      </dt>23      </li>
49      <dd>24      <li>Werte: <code>separate</code> | <code>collapse</code> | 
 ><a href="/de/CSS/inherit" rel="internal"><code>inherit</code></a>
50        Ja
51      </dd>25      </li>
52      <dt>
53        Medium
54      </dt>
55      <dd>
56        visual
57      </dd>
58      <dt>
59        Werte
60      </dt>
61      <dd>
62        seperate, collapse oder inherit
63      </dd>
64    </dl>26    </ul>
65    <h3 name="Syntax">27    <h3>
n68    <pre>n30    <pre class="eval">
69border-collapse: collapse | seperate | inherit31border-collapse: separate | collapse | inherit
n71    <p>n33    <h3>
72      &nbsp;
73    </p>
74    <h3 name="Werte">
nn38        separate
39      </dt>
40      <dd>
41        Standardwert. Jede Zelle besitzt ihre eigenen Rahmen, der
 >en Abstand mit <a href="/de/CSS/border-spacing"><code>border-spac
 >ing</code></a> angegeben wird.
42      </dd>
43      <dt>
n82        Die Zellen werden von nur einem Rahmen getrenntn47        Die Zellen werden nur von einem Rahmen getrennt.
83      </dd>
84      <dt>
85        seperate
86      </dt>
87      <dd>
88        Jede Zelle besitzt ihre eigenen Rahmen, deren Abstand mit
> <a href="/de/CSS/border-spacing" title="de/CSS/border-spacing">b 
>order-spacing</a> angegeben wird 
n94        der Browser verwendet den Wert des Elternelements.n53        Der Wert des Elternelements wird geerbt.
n97    <h3 name="Beispiele">n56    <h3>
n100    <table class="standard-table" style="width:100%">n59    <p>
60      <a class=" external" href="http://developer.mozilla.org/sam
 >ples/cssref/border-collapse.html">Live Beispiel</a>
61    </p>
62    <pre>
63.separate {                      
64  border-collapse: separate;
65}
66</pre>
67    <table style="border:1px solid black;border-collapse:seperate
 >;">
n103          <td class="header" width="50%">n70          <td style="border:1px solid black;">
104            Ergebnis71            1A
n106          <td class="header">n73          <td style="border:1px solid black;">
107            Quelltext74            2A
75          </td>
76        </tr>
77        <tr>
78          <td style="border:1px solid black;">
79            2A
80          </td>
81          <td style="border:1px solid black;">
82            2B
83          </td>
84        </tr>
85      </tbody>
86    </table>
87    <pre>
88.collapse {
89  border-collapse: collapse;
90}
91</pre>
92    <table style="border:1px solid black;border-collapse:collapse
 >">
93      <tbody>
94        <tr>
95          <td style="border:1px solid black;">
96            1A
97          </td>
98          <td style="border:1px solid black;">
99            2A
100          </td>
101        </tr>
102        <tr>
103          <td style="border:1px solid black;">
104            2A
105          </td>
106          <td style="border:1px solid black;">
107            2B
108          </td>
109        </tr>
110      </tbody>
111    </table>
112    <h3>
113      Browser <span>Kompatibilität</span>
114    </h3>
115    <table class="standard-table">
116      <tbody>
117        <tr>
118          <th>
119            Browser
120          </th>
121          <th>
122            ab Version
123          </th>
124        </tr>
125        <tr>
126          <td>
127            Internet Explorer
128          </td>
129          <td>
130            5.0
n112            <table style="border:1px solid black;border-collapse:n135            Firefox (Gecko)
>collapse"> 
113              <tbody>
114                <tr>
115                  <td style="border:1px solid black;">
116                    1A
117                  </td>
118                  <td style="border:1px solid black;">
119                    2A
120                  </td>
121                </tr>
122                <tr>
123                  <td style="border:1px solid black;">
124                    2A
125                  </td>
126                  <td style="border:1px solid black;">
127                    2B
128                  </td>
129                </tr>
130              </tbody>
131            </table>
n134            <pre>n138            1.0 (1.0)
135border-collapse:collapse
136</pre>
n141            <table style="border:1px solid black;border-collapse:n143            Opera
>seperate"> 
142              <tbody>
143                <tr>
144                  <td style="border:1px solid black;">
145                    1A
146                  </td>
147                  <td style="border:1px solid black;">
148                    2A
149                  </td>
150                </tr>
151                <tr>
152                  <td style="border:1px solid black;">
153                    2A
154                  </td>
155                  <td style="border:1px solid black;">
156                    2B
157                  </td>
158                </tr>
159              </tbody>
160            </table>
nn146            4.0
147          </td>
148        </tr>
149        <tr>
163            <pre>150          <td>
164border-collapse:seperate151            Safari (WebKit)
165</pre>152          </td>
153          <td>
154            1.2 (125)
n170    <h3 name="Browser-Kompatibilit.C3.A4t">n159    <h3>
171      Browser-Kompatibilität160      Spezifikation
n173    <pre class="eval">n162    <ul>
174   <span class="comment">IE</span>163      <li>
175</pre>164        <a class="external" href="http://www.w3.org/TR/CSS21/tabl
 >es.html#propdef-border-collapse" lang="en">CSS 2.1 Table #border-
 >collapse</a>
176    <pre class="eval">
177   <span class="comment">Netscape</span>
178</pre>
179    <pre class="eval">
180   <span class="comment">Opera</span>
181</pre>
182    <pre class="eval">
183   <span class="comment">Firefox</span>
184</pre>
185    <pre class="eval">
186   <span class="comment">Konqueror</span>
187</pre>
188    <pre class="eval">
189   <span class="comment">Netscape</span>
190</pre>
191    <pre class="eval">
192   <span class="comment">Opera</span>
193</pre>
194    <pre class="eval">
195   <span class="comment">Firefox</span>
196</pre>
197    <pre class="eval">
198   <span class="comment">Konqueror</span>
199</pre>
200    <table class="standard-table" style="width:100%">
201      <tbody>
202        <tr>
203          <th class="header">
204            Browser
205          </th>
206          <th class="header" colspan="4">
207            Internet Explorer
208          </th>
209          <th class="header" colspan="4">
210            Netscape
211          </th>
212          <th class="header" colspan="6">
213            Opera
214          </th>
215          <th class="header" colspan="3">
216            Firefox
217          </th>
218          <th class="header" colspan="1">
219            Konqueror
220          </th>
221        </tr>165      </li>
222        <tr>
223          <th>
224            Version
225          </th>
226          <th class="header">
227            4
228          </th>
229          <th class="header">
230            5
231          </th>
232          <th class="header">
233            6
234          </th>
235          <th class="header">
236            7
237          </th>
238          <th class="header">
239            4
240          </th>
241          <th class="header">
242            5
243          </th>
244          <th class="header">
245            6
246          </th>
247          <th class="header">
248            7
249          </th>
250          <th class="header">
251            3
252          </th>
253          <th class="header">
254            4
255          </th>
256          <th class="header">
257            5
258          </th>
259          <th class="header">
260            6
261          </th>
262          <th class="header">
263            7
264          </th>
265          <th class="header">
266            8
267          </th>
268          <th class="header">
269            1
270          </th>
271          <th class="header">
272            2
273          </th>
274          <th class="header">
275            3
276          </th>
277          <th class="header">
278            3.5.x
279          </th>
280        </tr>
281        <tr>
282          <td>
283            &nbsp;
284          </td>
285          <td style="background:#5FE716">
286            Ja
287          </td>
288          <td style="background:#5FE716">
289            Ja
290          </td>
291          <td style="background:#5FE716">
292            Ja
293          </td>
294          <td style="background:#5FE716">
295            Ja
296          </td>
297          <td style="background:#5FE716">
298            Ja
299          </td>
300          <td style="background:#5FE716">
301            Ja
302          </td>
303          <td style="background:#5FE716">
304            Ja
305          </td>
306          <td style="background:#5FE716">
307            Ja
308          </td>
309          <td style="background:#FF785A">
310            Nein
311          </td>
312          <td style="background:#FF785A">
313            Nein
314          </td>
315          <td style="background:#5FE716" title="ab Version 5.12">
316            Ja *
317          </td>
318          <td style="background:#5FE716">
319            Ja
320          </td>
321          <td style="background:#5FE716">
322            Ja
323          </td>
324          <td style="background:#5FE716">
325            Ja
326          </td>
327          <td style="background:#5FE716">
328            Ja
329          </td>
330          <td style="background:#5FE716">
331            Ja
332          </td>
333          <td style="background:#5FE716">
334            Ja
335          </td>
336          <td style="background:#5FE716">
337            Ja
338          </td>
339        </tr>
340      </tbody>
341    </table>166    </ul>
342    <h3 name="Siehe_auch">167    <h3>
nn170    <ul>
171      <li>
172        <a href="/de/CSS/border-spacing"><code>border-spacing</co
 >de></a>, <a href="/de/CSS/caption-side"><code>caption-side</code>
 ></a>, <a href="/de/CSS/empty-cells"><code>empty-cells</code></a>,
 > <a href="/de/CSS/table-layout"><code>table-layout</code></a>
173      </li>
174    </ul>
t346      <a href="/de/CSS/border-spacing" title="de/CSS/border-spacit176      {{ languages( { "en": "en/CSS/border-collapse", "fr": "fr/C
>ng">border-spacing</a>>SS/border-collapse", "pl": "pl/CSS/border-collapse", "es": "es/CS
 >S/border-collapse" } ) }}

Zurück zur Versionsgeschichte