¿Cuáles son las fronteras plegables?

Un diseñador web utiliza hojas de estilo en cascada (CSS) reglas para determinar el diseño de su sitio web en las pantallas de los visitantes de su sitio. Algunas de estas reglas están diseñadas para controlar la apariencia de las tablas. Un diseñador utiliza tablas para mostrar datos tabulares en un formato organizado. Una de estas reglas CSS determina la aparición de la frontera de la tabla. En concreto, la regla CSS border-collapse colapsa dos fronteras entre sí para formar un solo borde.

La mesa

Una tabla proporciona un diseñador web con una herramienta para visualizar conjuntos de datos. Los componentes individuales de los datos se separan en celdas de la tabla. Las células se muestran en las filas y las cabeceras denotan las filas. Los encabezados aparecen en la parte superior de cada fila y le dicen al usuario acerca de los datos en cada fila.

La frontera

Una frontera que separa las filas y las celdas de la tabla. reglas CSS permiten al diseñador web para establecer las propiedades de la frontera. Por ejemplo, el siguiente ejemplo sería creado un borde negro de dos píxeles entre cada celda de la tabla:

td {border: 2px sólida # 000; }

Border-collapse Propiedad

La propiedad CSS colapso frontera colapsa el borde de la celda de la tabla en la frontera de su célula vecina. Por lo tanto, utilizando el ejemplo anterior: si el diseñador se derrumba la frontera, en lugar de dos fronteras de dos píxeles cada una (por lo tanto, parecería como un borde más grueso de 4 píxeles en ese punto), cada celda de la tabla compartiría a 2 píxeles común frontera.

Los valores de border-collapse

La propiedad border-collapse CSS acepta tres valores. El valor hereda permite la tabla para aceptar el mismo atributo que posee un elemento padre. El valor colapso colapsa la frontera y la propiedad separada mantiene la frontera separada de su vecina orilla. Es importante tener en cuenta que el valor separado es el valor predeterminado y se llevará a cabo si no se ha introducido otro valor. En el siguiente ejemplo se utiliza CSS para colapsar bordes de la tabla:

tabla {border-collapse: colapso; }

Este ejemplo evita que las fronteras separan:

tabla {border-collapse: separada; }