Esempio
Una tabella HTML con diverse colonne verticali allineati:
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Prova tu stesso " Definizione e utilizzo
Il valign attributo specifica l'allineamento verticale del contenuto in un gruppo di colonne.
Supporto per il browser
| Attributo | |||||
|---|---|---|---|---|---|
| valign | Non supportato | sì | Non supportato | Non supportato | Non supportato |
Il valign attributo è supportato solo in Internet Explorer e Opera 12 e versioni precedenti. Tuttavia, essi non supportano il valore "baseline" .
Note di compatibilità
Il valign attributo <colgroup> non è supportato in HTML5. Utilizzare invece CSS.
Sintassi CSS: <td style="vertical-align:bottom">
CSS Esempio: Il testo verticale-align in colonne della tabella
Nel nostro tutorial CSS è possibile trovare ulteriori dettagli sul vertical-align proprietà .
Sintassi
<colgroup valign="top|middle|bottom|baseline">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| top | contenuti Top-align |
| middle | contenuto Centro-align |
| bottom | contenuti Bottom-align |
| baseline | La linea di base è la "linea immaginaria", che la maggior parte delle lettere "sedersi" su, in una riga di testo. Il valore della linea di base imposta la riga in modo che tutti i dati della tabella condividono la stessa linea di base. Spesso questo ha lo stesso effetto come valore inferiore. Tuttavia, se i font sono disponibili in diverse dimensioni, di base ha un aspetto migliore. Guardate la figura qui sotto |
Illustrazione di fondo rispetto al basale, se i caratteri sono in diversi formati:
valign = "bottom"
valign = "baseline"