Ejemplo
Colapsar el borde de la tabla:
document.getElementById("myTable").style.borderCollapse = "collapse"; Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Los conjuntos de propiedades borderCollapse o devoluciones si el borde de la tabla debe ser derrumbado en un solo borde o no.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Sintaxis
Devolver la propiedad borderCollapse:
object .style.borderCollapse
Establecer la propiedad borderCollapse:
object .style.borderCollapse="separate|collapse|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| separate | fronteras se dibujan separadas para todos los elementos celulares de la tabla. Esto es por defecto |
| collapse | Las fronteras no se dibujan entre elementos de celda de tabla |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | separar |
|---|---|
| Valor de retorno: | Una cadena, que representa los bordes de una tabla |
| Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Devolver la propiedad borderCollapse:
alert(document.getElementById("myTable").style.borderCollapse);
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: Tabla CSS
Referencia CSS: border-collapse property
<Estilo de objeto