English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
borde-La propiedad collapse especifica si los bordes de las celdas de la tabla se pliegan en un solo borde o se separan normalmente.
Hay dos modelos diferentes que se pueden configurar en los bordes de las celdas de tabla de CSS.
En este modelo, cada celda de tabla tiene un borde separado.
borde-espaciadoDistancia entre los bordes de las celdas adyacentes dados por las propiedades.
Nota:En el modelo de borde separado, solo las celdas (y la tabla en sí) pueden tener bordes; las filas, columnas, grupos de filas y grupos de columnas no pueden.
En el modelo de borde plegable, las celdas de tabla adyacentes comparten el borde.
Nota:En el modelo de borde plegable, se puede especificar el borde total o parcial de las celdas envolventes, filas, grupos de filas, columnas y grupos de columnas.
borde-El atributo collapse selecciona el modelo de borde de la tabla. El valor separate selecciona el modelo de borde separado. El valor collapse selecciona el modelo de borde plegable.
La tabla siguiente proporciona una descripción de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | Separar |
|---|---|
| Aplique a: | EsteTablay elementos de lista en línea |
| Herencia: | Sí |
| Animable: | No.Consulte Atributos de animación. |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object object.style.borderCollapse="collapse" |
La sintaxis de este atributo es la siguiente:
borde-colapsar: separar | colapsar | inicial | heredar
Los siguientes ejemplos muestran cómo usar borde-Atributo collapse
tabla {
borde-colapsar: colapsar;
}
th, td {
borde: 1px sólido negro;
}Prueba y mira‹/›La tabla siguiente describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| separar | Elegir el modelo de borde separado. Este es el valor predeterminado. |
| colapsar | elegir el modelo de borde plegable.borde-espaciadoyvacío-célulasEl atributo se ignorará. |
| inicial | Establezca este atributo en su valor predeterminado. |
| heredar | Si se especifica, el elemento asociado utiliza el borde del elemento padre-Valores del atributo collapse |
borde-La compatibilidad del navegador del atributo collapse, los números en la tabla siguiente representan la versión más baja del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Advertencia: usarborde-colapsaral establecer una propiedad, siempre utilice valores válidos<!DOCTYPE>de lo contrario, puede producir resultados inesperados.
Consulte el tutorial:CSS Borde,CSS3 Borde.
Atributos relacionados con la tabla:borde-espaciado,vacío-células,tabla-disposición.