Tato border-collapsenemovitost je k použití na
display: table display: inline-table
separate(výchozí) - ve kterém mají všechny buňky tabulky své vlastní nezávislé ohraničení a mezi těmito buňkami může být také mezera.collapse- ve kterém se prostor i ohraničení mezi buňkami tabulky sbalí, takže mezi buňkami je pouze jeden ohraničení a žádný prostor.
Když border-collapseje collapse, je pozoruhodné, že vlastnosti jako border-spacinga border-radius(na skutečných hranicích) nic nedělají. Budete potřebovat, border-collapse: separate;pokud budete potřebovat některou z těchto věcí.
Zde je příklad, kde můžete mezi těmito dvěma nástroji přepínat:
Podívejte se na
tabulku per se zaoblenými buňkami od Chrisa Coyiera (@chriscoyier)
na CodePen.
Podpora prohlížeče
prvky (nebo prvky, které se chovají jako tabulka skrz nebo). Existují dvě hodnoty:| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Funguje | Funguje | Funguje | Funguje | Funguje | Funguje | Funguje |