Índice

El formato de la leyenda

1. La leyenda de las tablas

La leyenda de las tablas se muestra con el elemento HTML <caption>. Las propiedades CSS asociadas a las leyendas de las tablas no están directamente accesibles en la pestaña Propiedades del panel Diseñador de CSS, deberemos introducir las propiedades nosotros mismos.

2. Crear una clase para la leyenda

En el panel Diseñador de CSS, pestaña Selectores, cree una clase llamada .leyenda.

images/12OWT-09.png

3. Añadir la propiedad

Vamos a añadir la propiedad que permite gestionar la posición de la leyenda en relación con la tabla. 

En la pestaña Selectores, seleccione la clase .leyenda.

En la pestaña Propiedades, haga clic en el botón Añadir propiedad CSS.

images/12OWT-09a.png

En el campo de texto del nombre de la propiedad, escriba caption-side.

En el campo de texto del valor, escriba top.

Para posicionar la leyenda puede utilizar los valores right, left y bottom.

images/12OWT-11.png

Observe que cuando introduce usted mismo las propiedades en la pestaña Propiedades, estas aparecen en la categoría Más.

4. Aplicar el selector a la leyenda

En la página HTML, haga clic en la leyenda.

Esta aparece seleccionada:

images/12OWT-12.png

En el panel Propiedades, con la pestaña CSS activa, en la lista desplegable Regla de destino, seleccione .leyenda.

images/12OWT-13.png