<tfoot>: Elemento para o rodapé da tabela

O <tfoot> é um elemento HTML que define um conjunto de linhas as quais farão parte do rodapé de uma tabela HTML

Categorias de conteúdo Nenhum.
Conteúdo permitido Zero ou mais <tr> elementos.
Omitir Tag Iniciar a tag é obrigatório. O fechamento da tag pode ser omitida caso não exista mais conteúdo no elemento pai <table>.
Pais permitidos O elemento <table>. O <tfoot> deve aparecer depois de qualquer <caption>, <colgroup>, <thead>, <tbody>, ou elementos <tr>. Note que isso é requerido no HTML5.
HTML 4 O elemento <tfoot> não pode ser colocado depois de qualquer <tbody> e o elemento <tr>. Note que isso contradiz diretamento com as normas do HTML5.
Papeis de ARIA permitidos Qualquer um
Interface DOM HTMLTableSectionElement

Atributos

Este elemento inclui os atributos globais.

align no HTML 4, no HTML5
Estes atributos especificam como será o alinhamento horizontal de cada conteúdo da célula. Os possíveis valores são:
  • left, alinha o conteúdo do elemento a esquerda da célula
  • center, centraliza o conteúdo ao centro da célula
  • right, alinha o conteúdo do elemento a direita da célula
  • justify, insere espaços ao texto para que o mesmo fique centralizado na célula
  • char, alinha o texto em um alinhamento especial com um deslocamento mínimo definido pelos atributos char e charoff atributos Unimplemented (see bug 2212).

Se nenhum atributo for definido o valor left é passado por padrão

Note: Não use esse atributo o mesmo está obsoleto (não suportado) no último padrão.
  • Para obter os mesmo efeitos left, center, right ou justify, use a propriedade text-align do CSS.
  • Para obter o mesmo efeito no CSS3, você pode usar os valores char com o valor de text-align propriedade Unimplemented.
bgcolor
Este atributo define uma cor de fundo para cada célula da coluna. Cada um dos 6 dígitos define um código hexadecimal no sRGB, prefixado pelo '#'. Um desses nomes de cores predefinidos também podem ser usado:
black = "#000000" green = "#008000"
silver = "#C0C0C0" lime = "#00FF00"
gray = "#808080" olive = "#808000"
white = "#FFFFFF" yellow = "#FFFF00"
maroon = "#800000" navy = "#000080"
red = "#FF0000" blue = "#0000FF"
purple = "#800080" teal = "#008080"
fuchsia = "#FF00FF" aqua = "#00FFFF"
Nota de uso: Não use este atributo, como não é mais padrão ele não foi implementado em algumas versões do Microsoft Internet Explorer: o elemento <tfoot> pode ser estilizando com CSS. Para conseguir simular efeitos do atributo bgcolor use a propriedade background-color do CSS , nos elementos <td> ou <th>.
char no HTML 4, no HTML5
O elemento é usado para alinhar as células em uma columa. Valores típicos para isso inclui  o periódico (.) quando se alinha valores monetários. Se align não é definido para char, este atributo é ignorado
Nota: Não use esté atributo, ele é obsoleto (e não é mais suportado) desde da última versão padrão. Em vez disso use char no CSS3, você pode usar o atributo char com a propriedade text-align.
charoff no HTML 4, no HTML5
O atributo é usado para indicar um número de caracteres para compensar os dados da coluna dos caracteres de alinhamento especificados pelo atributo char.
Nota: Não use esse atributo o mesmo está obsoleto (e não é mais suportado) na última versão padrão.
valign no HTML 4, no HTML5
O atributo específico para o alinhamento do texto dentro de cada linha da célula do cabeçalho de uma tabela. Possíveis valores para esse atributo são:
  • baseline, coloca o texto o mais próximo possível da parte de baixo da célula, mas o alinha a baseline dos caracteres em vez do bottom deles. Caso os caracteres tenham todos os mesmo tamanho, eles terão o mesmo efeito que bottom.
  • bottom, coloca o texto o mais próximo possível da parte de baixo da célula;
  • middle, centraliza o texto na célula;
  • e top, coloca o texto o mais próximo possível do topo da célula.
Nota: Não use este atributo eles está obsoleto (e não é suportado) no último padrão: em vez disso use a propriedade vertical-align do CSS.

Exemplos

Por favor veja a página <table> para exemplos sobre <tfoot>.

Especificações

Especificações Status Comentários
HTML Living Standard
The definition of 'tfoot element' in that specification.
Padrão em tempo real
HTML5
The definition of 'tfoot element' in that specification.
Recomendação

Compatibilidade com Navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
tfootChrome Full support 1Edge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
align
Deprecated
Chrome ? Edge Full support YesFirefox No support No
Notes
No support No
Notes
Notes See bug 915
IE Full support YesOpera ? Safari ? WebView Android ? Chrome Android ? Firefox Android No support No
Notes
No support No
Notes
Notes See bug 915
Opera Android ? Safari iOS ? Samsung Internet Android ?
bgcolor
Deprecated
Chrome ? Edge No support NoFirefox No support NoIE Full support YesOpera ? Safari ? WebView Android ? Chrome Android ? Firefox Android No support NoOpera Android ? Safari iOS ? Samsung Internet Android ?
char
Deprecated
Chrome ? Edge Full support YesFirefox No support No
Notes
No support No
Notes
Notes See bug 2212
IE Full support YesOpera ? Safari ? WebView Android ? Chrome Android ? Firefox Android No support No
Notes
No support No
Notes
Notes See bug 2212
Opera Android ? Safari iOS ? Samsung Internet Android ?
charoff
Deprecated
Chrome ? Edge Full support YesFirefox No support No
Notes
No support No
Notes
Notes See bug 2212
IE Full support YesOpera ? Safari ? WebView Android ? Chrome Android ? Firefox Android No support No
Notes
No support No
Notes
Notes See bug 2212
Opera Android ? Safari iOS ? Samsung Internet Android ?
valign
Deprecated
Chrome ? Edge Full support YesFirefox No support No
Notes
No support No
Notes
Notes See bug 915
IE Full support YesOpera ? Safari ? WebView Android ? Chrome Android ? Firefox Android No support No
Notes
No support No
Notes
Notes See bug 915
Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.
See implementation notes.
See implementation notes.

Veja também

  • Outros elemento HTML relacionados a tabela: <caption>, <col>, <colgroup>, <table>, <tbody>, <td>, <th>, <thead>, <tr>;
  • Propriedades CSS e pseudo-classes são especialmente úteis para estilizar elementos  <tfoot>:
    • a pseudo-class :nth-child para definir o alinhamento nas células de uma coluna;
    • a propriedade text-align para alinar as células do conteúdo que tenham um memso caractere como '.'.