English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo valign specifica il modo di allineamento verticale del contenuto associato all'elemento <col>, questa esempio online dimostra come utilizzare l'attributo valign di HTML col, la compatibilità dei browser, la definizione della sintassi e dettagli sui valori degli attributi.
Tabella HTML con colonne verticalmente allineate diverse:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'attributo valign di <col> in HTML - Tutorial di base (oldtoolbag.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table style="height:200px">
<col>
<col valign="bottom">
<tr>
<th>Mese</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</body>
</html>Testa per vedere ‹/›IEFirefoxOperaChromeSafari
Solo Internet Explorer e Opera supportano l'attributo valign. Ma Internet Explorer e Opera non supportano il valore "baseline".
HTML5 non supporta più l'attributo valign del tag <col>.
L'attributo align determina il modo di allineamento verticale del contenuto associato all'elemento <col>.
<col valign="top|middle|bottom|baseline">
| Valore | Descrizione |
|---|---|
| top | Allineamento superiore del contenuto. |
| middle | Allineamento centrale del contenuto (valore predefinito). |
| bottom | Allineamento inferiore del contenuto. |
| baseline | Allineamento alla linea di base. |
La linea di base è una linea virtuale. In una riga di testo, la maggior parte delle lettere si basa sulla linea di base. Il valore di baseimpostato fa sì che tutti i dati della tabella condividano la stessa linea di base. L'effetto di questo valore è spesso lo stesso del valore bottom. Tuttavia, se le dimensioni dei caratteri del testo sono diverse, l'effetto della linea di base è migliore. Vedi l'immagine seguente:
valign="bottom"
valign="baseline"
HTML <col> etichetta