border-collapse
Establece un valor que indica si los bordes de fila y de celda de una tabla se unen en un solo borde o se separan como en HTML estándar.
Sintaxis
{ border-collapse: sCollapse }
Valores posibles
sCollapse
Cadena que especifica o recibe uno de los valores siguientes:
separate |
Valor predeterminado. Los bordes se separan (HTML estándar). |
collapse |
Los bordes se unen en un solo borde, si son adyacentes. |
Esta propiedad tiene el valor predeterminado separate. No se hereda.
Ejemplo
En este ejemplo se demuestra cómo usar la propiedad border-collapse para manipular el borde de una tabla:
<table id=oTable style="border-collapse: collapse;">
<tr><td>EST</td><td>9:00 A.M.</td></tr>
<tr><td>CST</td><td>8:00 A.M.</td></tr>
<tr><td>PST</td><td>6:00 A.M.</td></tr>
</table>
<p>
<input type=button
onclick="oTable.style.border-collapse='separate'"
value ="separate">
<input type=button
onclick="oTable.style.border-collapse='collapse'"
value ="collapse">
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)).
Aplicable a
TABLE