Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

border-collapse

OPIS

Styl definiuje sposób zachowania obramowań - obramowania mogą łączyć się ze sobą lub być odseparowane.

WARTOŚCI

• 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>

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>

• Przykład 3:

<style type="text/css"><!--
table { border-collapse: collapse; }
--></style>