HTML Reference Manual

Complete List of HTML Tags

HTML: <tfoot> valign Attribute

The valign attribute of <tfoot> specifies the vertical alignment of the content within the <tfoot> element.

Online Example

Align the content of the <tfoot> element to the bottom vertically:

Example

<table style="width:100%;" border="1">
　　　　<tr>
　　　　　　<th>Programming Language Books</th>
　　　　　　<th>Price</th>
　　　　</tr>
　　　　<tr>
　　　　　　<td align="right">PHP Basic Tutorial</td>
　　　　　　<td>$30</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td align="left">Java Programming Thought</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　　<tfoot valign="bottom">
　　　　　　<tr>
　　　　　　　　<td>Total</td>
　　　　　　　　<td>$110.00</td>
　　　　　　</tr>
　　</tfoot>　
</table>

Test and see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo valign.

Definizione e uso

HTML5 non supporta l'attributo valign di <tfoot>. Utilizzare CSS invece.

L'attributo valign specifica il modo di allineamento verticale del contenuto dell'elemento <tfoot>.

Sintassi

<tfoot valign="top|middle|bottom|baseline">

Valore dell'attributo

Valore	Descrizione
top	Allineamento superiore del contenuto.
middle	Allineamento centrale del contenuto (valore predefinito).
bottom	Allineamento inferiore del contenuto.
baseline	Allineamento al baseline. Il baseline è una linea virtuale. In una riga di testo, la maggior parte delle lettere si basa sul baseline. Il valore baseline stabilisce che tutti i dati della tabella condividano lo stesso baseline. L'effetto di questo valore è spesso lo stesso del valore bottom. Tuttavia, se il testo ha dimensioni diverse, l'effetto del baseline è migliore. Vedi la seguente illustrazione.

Quando il testo ha dimensioni diverse, confronto bottom vs. baseline:

valign="bottom"

valign="baseline"

　HTML <tfoot> etichetta

HTML: <template> etichetta