Border-collapse
CSS vlastnost border-collapse určuje slití rámečků sousedních buněk v tabulce.
| 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.
| 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
