<tfoot>: Elemento para o rodapé da tabela
Experimente
O <tfoot>
é um elemento HTML que define um conjunto de linhas as quais farão parte do rodapé de uma tabela HTML
As fontes dos exemplos interativos estão armazenadas no repositório do GitHub. Se você gosta de contribuir com exemplos interativos para o projeto por favor clone https://github.com/mdn/interactive-examples e nos envie uma requesição.
Categorias de conteúdo | Nenhum. |
---|---|
Conteúdo permitido | Zero ou mais <tr> (en-US) 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> (en-US), <thead> (en-US), <tbody> (en-US), ou elementos <tr> (en-US). Note que isso é requerido no HTML5.HTML 4 O elemento <tfoot> não pode ser colocado depois de qualquer <tbody> (en-US) e o elemento <tr> (en-US). Note que isso contradiz diretamento com as normas do HTML5. |
Papeis de ARIA permitidos | Qualquer um |
Interface DOM | HTMLTableSectionElement (en-US) |
Atributos
Este elemento inclui os atributos globais.
align
Deprecated 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élulacenter
, centraliza o conteúdo ao centro da célularight
, alinha o conteúdo do elemento a direita da célulajustify
, insere espaços ao texto para que o mesmo fique centralizado na célulachar
, alinha o texto em um alinhamento especial com um deslocamento mínimo definido pelos atributoschar
(en-US) echaroff
(en-US) atributos Unimplemented (see bug 2212).
Se nenhum atributo for definido o valor
left
é passado por padrãoNote: Não use esse atributo o mesmo está obsoleto (não suportado) no último padrão.- Para obter os mesmo efeitos
left
,center
,right
oujustify
, use a propriedadetext-align
do CSS. - Para obter o mesmo efeito no CSS3, você pode usar os valores
char
com o valor detext-align
propriedade Unimplemented.
bgcolor
Non-Standard- 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 propriedadebackground-color
do CSS , nos elementos<td>
(en-US) ou<th>
.
char
Deprecated 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 parachar
, este atributo é ignoradoNota: 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
.
charoff
Deprecated 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
Deprecated 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 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;- 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 propriedadevertical-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
BCD tables only load in the browser
Veja também
- Outros elemento HTML relacionados a tabela:
<caption>
,<col>
,<colgroup>
(en-US),<table>
,<tbody>
(en-US),<td>
(en-US),<th>
,<thead>
(en-US),<tr>
(en-US); - 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 '.'.
- a pseudo-class