Propriedade caption-side do CSS

Definição e uso

A propriedade caption-side define a posição do título da tabela.

Explicação

Esta propriedade especifica a posição do título da tabela em relação ao contorno da tabela. O título da tabela é exibido como se fosse um elemento de bloco antes (ou depois) da tabela.

Veja também:

Tutorial de CSS:Tabela CSS

Manual de referência do HTML DOM:Propriedade captionSide

Exemplo

Define a maneira como o título da tabela deve ser colocado:

caption
  {
  caption-side:bottom;
  }

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
top Valor padrão. Posicionar o título da tabela acima dela.
bottom Posicionar o título da tabela abaixo dela.
inherit Especifica que o valor da propriedade caption-side deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: top
Herança: sim
Versão: CSS2
Sintaxe do JavaScript: object.style.captionSide="bottom"

Mais exemplos

Posicionar o título da tabela
Este exemplo demonstra como posicionar o título da tabela.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.

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

Notas:Se o !DOCTYPE já foi especificado, o Internet Explorer 8 (e versões mais recentes) suporta a propriedade caption-side.