La border-collapseproprietà è ad uso
display: table display: inline-table
separate(impostazione predefinita) - in cui tutte le celle della tabella hanno i propri bordi indipendenti e potrebbe esserci spazio anche tra quelle celle.collapse- in cui sia lo spazio che i bordi tra le celle della tabella collassano, quindi c'è solo un bordo e nessuno spazio tra le celle.
Quando border-collapseè collapse, è degno di nota che proprietà come border-spacinge border-radius(sui bordi effettivi) non fanno nulla. Avrai bisogno border-collapse: separate;se hai bisogno di una di queste cose.
Ecco un esempio in cui puoi scambiare tra i due:
Vedi la
tabella penne con celle arrotondate di Chris Coyier (@chriscoyier)
su CodePen.
Supporto browser
elementi (o elementi fatti per comportarsi come una tabella tramite o). Ci sono due valori:| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Lavori | Lavori | Lavori | Lavori | Lavori | Lavori | Lavori |