Compartir a través de


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

Vea también

Conceptos

border