Definición de .caption-side aplicado en CSS
La propiedad .caption-side en CSS le permite definir dónde colocar el elemento .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.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| caret-color | 57.0 | 79.0 | 53.0 | 11.1 | 44.0 |