border-collapseLastnost je za uporabo na
display: table display: inline-table
separate(privzeto) - v katerem imajo vse celice tabele svoje neodvisne meje in je lahko med temi celicami tudi prostor.collapse- pri katerem se tako prostor kot meje med celicami tabele zrušijo, tako da je med celicami le ena meja in nobenega prostora.
Ko border-collapseje collapse, je opazno, da lastnosti, kot so ( border-spacingin border-radiusna dejanskih mejah), ne naredijo ničesar. Potrebovali boste, border-collapse: separate;če boste potrebovali katero od teh stvari.
Tu je primer, pri katerem lahko med seboj zamenjate:
Oglejte si
mizo pisala z zaobljenimi celicami Chrisa Coyierja (@chriscoyier)
na CodePen.
Podpora za brskalnik
elementi (ali elementi, narejeni tako, da se obnašajo kot tabela skozi ali). Obstajata dve vrednosti:| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Deluje | Deluje | Deluje | Deluje | Deluje | Deluje | Deluje |