Den border-collapseeiendommen er for bruk på
display: table display: inline-table
separate(standard) - der alle tabellceller har sine egne uavhengige grenser, og det kan også være plass mellom disse cellene.collapse- der både mellomrommet og grensene mellom bordceller kollapser, så det er bare en kant og ikke mellomrom mellom celler.
Når det border-collapseer collapse, er det bemerkelsesverdig at egenskaper som border-spacingog border-radius(ved faktiske grenser) ikke gjør noe. Du trenger border-collapse: separate;hvis du trenger noen av disse tingene.
Her er et eksempel der du kan bytte mellom de to:
Se
pennebordet med avrundede celler av Chris Coyier (@chriscoyier)
på CodePen.
Nettleserstøtte
elementer (eller elementer laget for å oppføre seg som et bord gjennom eller). Det er to verdier:| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Virker | Virker | Virker | Virker | Virker | Virker | Virker |