caption-side

Índice

Definición de .caption-side aplicado en CSS

La propiedad .caption-side en CSS le permite definir dónde colocar el elemento de HTML, utilizado en los encabezados de tabla HTML. Esta propiedad también puede aplicarse a cualquier elemento cuya propiedad de visualización esté establecida en .caption-side.

Caso de uso : propiedad CSS caption-side

Si quieres utilizar esta propiedad de CSS en tu stylesheet, hazlo de la siguiente manera:

table {
  caption-side: top;
}

Otro ejemplo más avanzado de .caption-side es el siguiente de CODEPEN:

Sintaxis de .caption-side en CSS

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

Valores

Valor Descripción Manifestación
parte superior Pone el título encima de la tabla. esto es por defecto
abajo Pone el título debajo de la tabla.
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .caption-side

Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
caret-color 57.0 79.0 53.0 11.1 44.0

Referencias técnicas

Puede que también te interesen estas otras propiedades

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso