Táto border-collapsenehnuteľnosť je určená na použitie dňa
display: table display: inline-table
separate(predvolené) - v ktorom majú všetky bunky tabuľky svoje vlastné nezávislé hranice a medzi týmito bunkami môže byť tiež priestor.collapse- v ktorom sa priestor aj hranice medzi bunkami tabuľky zrútia, takže medzi bunkami existuje iba jedna hranica a žiadny priestor.
Keď border-collapseje collapse, je pozoruhodné, že vlastnosti ako border-spacinga border-radius(na skutočných hraniciach) nerobia nič. Budete potrebovať, border-collapse: separate;ak potrebujete niektorú z týchto vecí.
Tu je príklad, kde môžete prepínať medzi týmito dvoma spôsobmi:
Prezrite si
tabuľku s perami so zaoblenými bunkami od Chrisa Coyiera (@chriscoyier)
na stránke CodePen.
Podpora prehľadávača
prvky (alebo prvky, ktoré sa správajú ako stôl cez alebo). Existujú dve hodnoty:| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Tvorba | Tvorba | Tvorba | Tvorba | Tvorba | Tvorba | Tvorba |