Atributo caption-side CSS

Definición y uso

La propiedad captionSide configura la ubicación del título de la tabla.

Explicación

Esta propiedad especifica la posición de colocación del título de la tabla en relación con el cuadro de la tabla. El título de la tabla se muestra como si fuera un elemento de bloque antes (o después) de la tabla.

Véase también:

Tutorial de CSS:Tabla de CSS

Manual de referencia de HTML DOM:Propiedad captionSide

Ejemplo

Define la forma en que se coloca el título de la tabla:

caption
  {
  caption-side:bottom;
  }

Prueba por tu cuenta

Sintaxis de CSS

caption-side: top|bottom|initial|inherit;

Valor del atributo

Valor Descripción
top Valor predeterminado. Ubicar el título de la tabla encima de la tabla.
bottom Ubicar el título de la tabla debajo de la tabla.
inherit Se especifica que el valor de la propiedad caption-side debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: top
Herencia: sí
Versión: CSS2
Sintaxis de JavaScript: object.style.captionSide="bottom"

Más ejemplos

Configurar la ubicación del título de la tabla
Este ejemplo muestra cómo ubicar el título de la tabla.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0

Notas:Si se ha especificado !DOCTYPE, Internet Explorer 8 (y versiones posteriores) soportan la propiedad caption-side.