Índice

El formato de la tabla

1. El ancho de la tabla

El ancho de la tabla estará determinado por la propiedad width, en la categoría Diseño.

Seleccione el valor y la unidad deseadas. Puede optar por una unidad fija (px, cm, pt...) o relativa: %. Con la unidad porcentaje, el ancho de la tabla será proporcional al ancho de su elemento padre: la ventana del navegador si la tabla está en la página web, o bien una caja <div>. Observe que si especifica el ancho de las celdas en la primera fila de la tabla, no es indispensable indicar el ancho de la tabla.

2. El fondo de la tabla

Es posible aplicar un color o una imagen de fondo a la tabla con las propiedades de la categoría Fondo.

3. El borde de la tabla

El borde de la tabla, el borde exterior está definido por las propiedades de la categoría Borde.

4. Un ejemplo de formato para una tabla

Para este ejemplo hemos creado una clase llamada .tabla. Una vez definida las propiedades, hacemos clic en una de las celdas de la tabla, selecciono la tabla (<table>) en la barra de estado, y en el panel Propiedades le aplico la clase .tabla.

images/12OWT-01.PNG

Esta clase .tabla utiliza las siguientes propiedades:

  • Un ancho de 300 píxeles (width: 300px):

images/12OWT-02.png
  • Un fondo de color (background: #E4E4E4):

images/12OWT-03.PNG
  • Un borde exterior sólido, estrecho y negro (border: thin solid #000):

images/12OWT-04.PNG

El resultado en el navegador:

images/12OWT-05.png

5. La alineación de la tabla

Por defecto, la tabla se alinea a la izquierda en la página. Si desea centrarla, utilice la propiedad margin. En la categoría ...