Táto border-collapse
nehnuteľ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-collapse
je collapse
, je pozoruhodné, že vlastnosti ako border-spacing
a 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 |