http://jessie.ovh.org

HTML i CSS >> obramowania tabel

http://algorytmy.pl/doc/xhtml/?id=3132

lub z :

https://developer.mozilla.org/pl/CSS/border-collapse


border-collapse

OPIS

Styl definiuje sposób zachowania obramowań - obramowania moga łaczyć się ze soba lub być odseparowane. 

WARTOSCI
• collapse - CSS: 2.1, 2.0
obramowania połšczone
• separate - CSS: 2.1, 2.0
obramowania rozłšczone
• inherit - CSS: 2.1, 2.0
przejęcie wartoœci "rodzica", np. border-collapse: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0 
• dziedziczony: tak 

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:
<table border="1" 
style="border-collapse: collapse; border: 1px solid blue;">
<tr>
  <td style="border: 1px solid blue;"> 1 </td>
  <td style="border: 1px solid blue;"> 2 </td>
</tr>
<tr>
  <td style="border: 1px solid blue;"> 3 </td>
  <td style="border: 1px solid blue;"> 4 </td>
</tr>
</table>

1 	2 
3 	4 


PRZYKŁADY ZASTOSOWAŃ

• Przykład 2:
<table border="1" 
style="border-collapse: separate; border: 1px solid blue;">
<tr>
  <td style="border: 1px solid blue;"> 1 </td>
  <td style="border: 1px solid blue;"> 2 </td>
</tr>
<tr>
  <td style="border: 1px solid blue;"> 3 </td>
  <td style="border: 1px solid blue;"> 4 </td>
</tr>
</table>

1 	2 
3 	4 


• Przykład 3:
<style type="text/css"><!--
table { border-collapse: collapse; }
--></style>