Border-collapse

CSS vlastnost border-collapse určuje slití rámečků sousedních buněk v tabulce.

border-collapse
hodnoty splývání rámečků buněk tabulky
separate sousední buňky mají rámečky oddělené
collapse rámečky sousedních buněk splývají

Deklaruje se pro tag <table>, pro nic jiného nefunguje. Hodnota collapse je jediný rozumný způsob, jak udělat mřížku tabulky o šířce jednoho pixelu. Výchozí hodnotou je separate, která kreslí rámečky buněk oddělené (širší a šedě plastické).

Podpora

Pouze pro tag <table> nebo prvky s display: table.

Podpora border-collapse
Prohlížeč Podpora ve verzích Poznámka
Internet Explorer 5.5, 6 občas se tříská s cellspacingem
Firefox všechny verze  
Opera 5, 6, 7  
Konqueror ne  
IE 5 / Mac ne  

Příklady

Dříve měly všechny tabulky dvojitý rámeček:

<table>
<tr><td>buňka s dvojitým rámečkem</td></tr>
</table>

Když se do zápisu dá css styl border-collapse: collapse, rámeček bude jednoduchý.

<table style="border-collapse: collapse">
<tr><td>buňka s jednoduchým rámečkem</td></tr>
</table>

Zobrazit tento příklad na border-collapse.

Dříve, když byly běžné pětkové verze prohlížečů, se jednoduché rámečky dělaly tak, že se buňkám dal pravý a spodní rámeček, tabulce horní a levý. Vypadalo to pěkně, ale dělalo to různé chyby. To už dnes (2003) není potřeba.

Další příklady

Vlastnosti table-layout: fixed a border-collapse: collapse

 

Reklama

www.webhosting-c4.cz, webhosting s doménou v ceně. 20GB
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.