L'Element HTML Peu de Taula (<tfoot>) defineix un conjunt de files que resumeixen les columnes de la taula.
Context d'ùs
| Categories de contingut | Cap. |
| Contingut permès | Zero o més elements <tr>. |
| Omissió de l'etiqueta | L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre si l'element <tfoot> és seguit immediatament per un <tbody> eventualment definit implicitament,o si no hi ha més contingut en el seu element pare <table>. |
| Elements pares permesos | Un element <table>. L' element <tfoot> ha d'aparèixer després de qualsevol <caption>, <colgroup> o <thead>. Pot ser abans o després de tots els elements <tbody> i <tr>, però no barrejats amb ells.HTML 4 L'element <tfoot> no es pot posar després de qualsevol element <tbody> i <tr>. Aquesta restricció s'ha suavitzat en HTML5. |
| Normativa del document | HTML5, secció 4.9.7 (HTML4.01, secció 11.2.3) |
Atributs
Aquest element inclou els atributs globals.
alignin HTML 4, in HTML5- Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són:
- left, alinea el contingut a l'esquerra de la cel·la
- center, centra el contingut de la cel·la
- right, alinea el contingut a la dreta de la cel·la
- justify, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la
- char, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs
charicharoffUnimplemented (see errada 2212).
Si aquest atribut no està establert, el valor assumit és
left.Nota: No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.- Per aconseguir el mateix efecte que els valors left, center, right or justify utilitzeu la propietat CSS
text-align. - Per aconseguir el mateix efecte que el valor
char, en CSS3, podeu utilitzar el valorcharcom el valor de la propietattext-alignUnimplemented.
bgcolor- Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en sRGB, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits:
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 d'ùs: No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer: l'element<tfoot>se li ha de donar estil amb CSS. Per donar un efecte similar a l'atribut bgcolor, utilitzeu la propietat CSSbackground-color, en els elements pertinents<td>o<th>.
charin HTML 4, in HTML5- Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si
alignno està establert achar, aquest atribut s'ignoraNota: No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte quechar, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atributcharcom el valor de la propietattext-alignUnimplemented.
charoffin HTML 4, in HTML5- Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut char.
Nota: No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.
valignin HTML 4, in HTML5- Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són:
- baseline, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la línia de base (baseline) dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que bottom.
- bottom, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;
- middle, centra el text en la cel·la;
- i top, posarà el text tant a prop de la part superior de la cel·la com sigui possible.
Nota: No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSSvertical-align.
Interfície DOM
Aquest element implementa la interfície HTMLTableSectionElement.
Exemples
Si us plau, veure la pàgina <table> per exemples de <tfoot>.
Navegadors compatibles
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Suport bàsic | 1.0 | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
atribut align/valign |
1.0 | No support[1] | (Yes) | (Yes) | (Yes) |
atribut char/charoff |
1.0 | No support[2] | (Yes) | (Yes) | (Yes) |
atribut bgcolor |
No support | No support | (Yes) | No support | No support |
| Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Suport bàsic | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |
atribut align/valign |
? | No support[1] | ? | ? | ? |
atribut char/charoff |
? | No support[2] | ? | ? | ? |
atribut bgcolor |
No support | No support | (Yes) | No support | No support |
[1] Veure errada 915.
[2] Veure errada 2212.
Veure
- Altres elements HTML relacionats amb taules:
<caption>,<col>,<colgroup>,<table>,<tbody>,<td>,<tbody>,<th>,<thead>,<tr>; - Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element
<tfoot>:- la pseudo-classe
:nth-childper ajustar l'alineació de les cel·les de la columna; - la propietat
text-alignper alinear el contingut de totes les cel·les en el mateix caràcter, com '.'.
- la pseudo-classe