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
logotipo bisign
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Para más información, por favor echa un vistazo a nuestra política de privacidad