Tablas: Atributos

A continuación van a analizarse a grandes rasgos algunos de los atributos para las tablas. Sin embargo, es recomendable utilizar las hojas de estilo (CSS).

El atributo BORDER

Dicho atributo se incluye en el tag <table>. Los bordes de una tabla NO afectan a todos los bordes presentes en la tabla; únicamente afectará al borde exterior de la tabla y no al de las celdas.

Este método de presentación de bordes debería estar obsoleto, pues se trata de un atributo de visualización, pero está estandarizado correctamente.

Por defecto la tabla no mostrará ningún borde. Para aplicar un borde de 3 píxeles se procederá de la siguiente manera:

<table border="3px">
		...
		...
</table>

Ejemplo:

Producto Cantidad Precio / unidad
Bermudas 26 u. 25 euros
Camisas 10 u. 20 euros
Chanclas 15 u. 10 euros

Separación entre celda y CELDA

Para separar el espacio entre celdas se utilizará el atributo cellspacing en la etiqueta <table>. El valor deberá definirse en píxeles:

<table cellspacing="13px">
		...
		...
</table>

Ejemplo:

Producto Cantidad Precio / unidad
Bermudas 26 u. 25 euros
Camisas 10 u. 20 euros
Chanclas 15 u. 10 euros

Separación entre celda y texto

El atributo cellpadding permite separar el texto de la celda por un determinado numero de píxeles:

<table cellpadding="13px">
		...
		...
</table>

Firefox no muestra correctamente este atributo, la cuál cosa indica la no estandarización:

Producto Cantidad Precio / unidad
Bermudas 26 u. 25 euros
Camisas 10 u. 20 euros
Chanclas 15 u. 10 euros

(Nota: En los ejemplos se ha hecho uso del atributo border para visualizar los efectos de separación producidos).