La border-collapsepropiedad es para uso en
display: table display: inline-table
separate(predeterminado) : en el que todas las celdas de la tabla tienen sus propios bordes independientes y también puede haber espacio entre esas celdas.collapse- en el que tanto el espacio como los bordes entre las celdas de la tabla se contraen, por lo que solo hay un borde y no hay espacio entre las celdas.
Cuando border-collapsees collapse, es notable que las propiedades como border-spacingy border-radius(en las fronteras reales) no hacen nada. Lo necesitará border-collapse: separate;si necesita alguna de esas cosas.
Aquí hay un ejemplo en el que puede cambiar entre los dos:
Consulte la
tabla de plumas con celdas redondeadas de Chris Coyier (@chriscoyier)
en CodePen.
Soporte del navegador
elementos (o elementos hechos para comportarse como una tabla a través de o). Hay dos valores:| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| Trabajos | Trabajos | Trabajos | Trabajos | Trabajos | Trabajos | Trabajos |