CSS y las tablas (2)

La visualización de las celdas vacias se regula con la propiedad empty-cells.

Los valores que admite son 'show', en cuyo caso se dibujan los bordes y fondos como en las celdas normales; 'hide' en cuyo caso los bordes o fondos no se dibujan alrededor/detrás de las celdas vacías, o 'inherit'

border-collapse

Esta propiedad determina como deben mostrarse los bordes de elementos contiguos de las tablas.

Admite dos valores: collapse y separate.

border-collapse:collapse indica que los bordes contiguos se solapan, mostrando uno solo. border-collapse:separate muestra los dos bordes contiguos.

border-collapse:collapse
a	b	c
d	e	f

border-collapse:separate
a	b	c
d	e	f

border-spacing

Esta propiedad determina el espacio entre celdas contiguas en la tabla.

Posible valor es una unidad o dos unidades de medida. Si pasamos una sola unidad de medida, todos los lados de cada celda la usaran para su separación. Si pasamos dos unidades de medida el primero se usa para la separación horizontal entre celdas y el segundo para la separación vertical.

un valor de 0.5 em
a	b	c
d	e	f

dos valores, 0.5 1 em
a	b	c
d	e	f

table-layout

El navegador puede 'dibujar' la tabla con uno de estos dos sistemas: puede fiarse de las medidas indicadas en el código fuente y dibujarla en consecuencia (table-layout:fixed) o bien puede leer el contenido de la tabla y calcular el diseño en base a este contenido (table-layout:auto)

Si no se especifica el valor de esta propiedad, el sistema por defecto es auto, aunque fixed es mas rápido.

Autor: ignside
http://www.ignside.net/man/css/tablas.php

Usuarios que han visto este tema también han visto...

- Aplicacion directa de etiquetas.
- CSS y las tablas
- Cómo usar distintos colores en un select menu con CSS?
- Insertar una imagen de fondo en un TEXTAREA
- Crear estilos CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento