Den border-collapseegenskapen är avsedd att användas på
display: table display: inline-table
separate(standard) - där alla tabellceller har sina egna oberoende gränser och det kan också finnas utrymme mellan dessa celler.collapse- där både utrymmet och gränserna mellan tabellceller kollapsar så att det bara finns en gräns och inget utrymme mellan celler.
När border-collapseär collapsedet anmärkningsvärt att egenskaper som border-spacingoch border-radius(vid verkliga gränser) inte gör någonting. Du behöver border-collapse: separate;om du behöver någon av dessa saker.
Här är ett exempel där du kan växla mellan de två:
Se pennabordet
med rundade celler av Chris Coyier (@chriscoyier)
på CodePen.
Webbläsarstöd
element (eller element som görs för att bete sig som en tabell genom eller). Det finns två värden:| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Arbetar | Arbetar | Arbetar | Arbetar | Arbetar | Arbetar | Arbetar |