Capitulo 10

       10.1. Estilos básicos.

El código HTML y CSS del ejemplo anterior se muestra a continuación

El estándar CSS 2.1 define dos modelos diferentes para el tratamiento de los bordes de las celdas.

El modelo collapse fusiona de forma automática los bordes de las celdas adyacentes, mientras que el modelo separate fuerza a que cada celda muestre sus cuatro bordes.

La propiedad border-spacing sólo controla la separación entre celdas y por tanto, no se puede utilizar para modificar el tipo de modelo de bordes que se utiliza.

Ejemplo de propiedad border-spacing

Además, como no se ha establecido de forma explícita ningún modelo de bordes, el navegador utiliza el modelo separate.

       10.2. Estilos avanzados

El valor hide indica que las celdas vacías no se deben mostrar.

La propiedad caption-side permite controlar la posición del título de la tabla.

Si también se quiere modificar la alineación horizontal del título, debe utilizarse la propiedad text-align.