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

Experimente

<table>  <caption>    Council budget (in £) 2018  </caption>  <thead>    <tr>      <th scope="col">Items</th>      <th scope="col">Expenditure</th>    </tr>  </thead>  <tbody>    <tr>      <th scope="row">Donuts</th>      <td>3,000</td>    </tr>    <tr>      <th scope="row">Stationery</th>      <td>18,000</td>    </tr>  </tbody>  <tfoot>    <tr>      <th scope="row">Totals</th>      <td>21,000</td>    </tr>  </tfoot></table>

thead,tfoot {  background-color: #2c5e77;  color: #fff;}tbody {  background-color: #e4f0f5;}table {  border-collapse: collapse;  border: 2px solid rgb(140 140 140);  font-family: sans-serif;  font-size: 0.8rem;  letter-spacing: 1px;}caption {  caption-side: bottom;  padding: 10px;}th,td {  border: 1px solid rgb(160 160 160);  padding: 8px 10px;}td {  text-align: center;}

Atributos

Este elemento inclui osatributos globais.

alignDeprecated

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 atributoschar echaroff.

Se nenhum atributo for definido o valorleft é 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 efeitosleft,center,right oujustify, use a propriedadetext-align do CSS.

• Para obter o mesmo efeito no CSS3, você pode usar os valoreschar com o valor da propriedadetext-align.

bgcolorNão padrão

Este atributo define uma cor de fundo para cada célula da coluna. Cada um dos 6 dígitos define um código hexadecimal nosRGB, 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: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 comCSS. Para conseguir simular efeitos do atributobgcolor use a propriedadebackground-color doCSS , nos elementos<td> ou<th>.

charDeprecated

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. Sealign não é definido parachar, 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 usechar no CSS3, você pode usar o atributochar com a propriedadetext-align.

charoffDeprecated

O atributo é usado para indicar um número de caracteres para compensar os dados da coluna dos caracteres de alinhamento especificados pelo atributochar.

Nota:Não use esse atributo o mesmo está obsoleto (e não é mais suportado) na última versão padrão.

valignDeprecated

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 abaseline dos caracteres em vez dobottom deles. Caso os caracteres tenham todos os mesmo tamanho, eles terão o mesmo efeito quebottom.
• bottom, coloca o texto o mais próximo possível da parte de baixo da célula;
• middle, centraliza o texto na célula;
• etop, 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 propriedadevertical-align do CSS.

Exemplos

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

Especificações

Compatibilidade com navegadores

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 propriedadetext-align para alinar as células do conteúdo que tenham um memso caractere como '.'.