<tfoot>: Elemento para o rodapé da tabela
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
O <tfoot>
é um elemento HTML que define um conjunto de linhas as quais farão parte do rodapé de uma tabela HTML
Experimente
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.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
Deprecated-
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
echaroff
.
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
oujustify
, use a propriedadetext-align
do CSS.- Para obter o mesmo efeito no CSS3, você pode usar os valores
char
com o valor da propriedadetext-align
.
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" char
Deprecated-
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 use
char
no CSS3, você pode usar o atributochar
com a propriedadetext-align
. charoff
Deprecated-
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-
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 propriedade
vertical-align
do CSS.
Exemplos
Por favor veja a página <table>
para exemplos sobre <tfoot>
.
Especificações
Specification |
---|
HTML Standard # the-tfoot-element |
Compatibilidade com navegadores
BCD tables only load in the browser
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 '.'.
- a pseudo-class