HTML: Il tag <col>
Commenti disabilitati su HTML: Il tag <col>
Il tag HTML <col> definisce i valori degli attributi per una o più colonne di una tabella.
Definizione e utilizzo
Il tag <col> viene utilizzato per definire degli attributi comuni per una o più colonne di una tabella, come l’allineamento del testo, evitando di scriverli per ogni cella.
La sintassi è la seguente:
<table width="100%" border="1">
<col align="left" />
<col align="left" />
<col align="right" />
<tr>
<th>Animale</th>
<th>N. Zampe</th>
<th>Ali</th>
</tr>
<tr>
<td>Gatto</td>
<td>4</td>
<td>No</td>
</tr>
<tr>
<td>Aquila</td>
<td>2</td>
<td>Si</td>
</tr>
</table>
Tieni a mente i seguenti punti:
- Il tag HTML <col> può essere usato solo all’interno di tabelle o elementi colgroup.
- In HTML non esiste un tag di chiusura, in XHTML deve essere chiuso nella maniera corretta.
- Le uniche proprietà CSS che funzionano con il tag <col> sono background, width e border.
- La proprietà CSS border funziona solamente se la tabella è impostata con la proprietà border-collapse: collapse.
Esempi di utilizzo del tag COL
Ecco alcuni esempi di utilizzo del tag COL.
Gli attributi del tag COL
Attributi richiesti
Nessuno.
Attributi opzionali
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Il tag <col> supporta i seguenti attributi opzionali:
| Attributo | Valore | Descrizione | DTD |
|---|---|---|---|
| align | left right center justify char |
Specifica l’allineamento del contenuto della colonna | STF |
| char | carattere | Specifica l’allineamento del contenuto della colonna relativamente ad un carattere | STF |
| charoff | numero | Specifica il numero di caratteri che devono essere allineati in base al carattere specificato dall’attributo char | STF |
| span | numero | Specifica il numero di colonne a cui devono essere estesi gli attributi del tag | STF |
| valign | top middle bottom baseline |
Specifica l’allineamento verticale del contenuto della colonna | STF |
| width | % pixels valore_relativo |
Specifica la larghezza della colonna | STF |
Attributi standard
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Il tag <col> supporta i seguenti attributi standard:
| Attributo | Valore | Descrizione | DTD |
|---|---|---|---|
| class | nome classe | Specifica il nome di una classe per un elemento. | STF |
| dir | ltr rtl |
Specifica la direzione del testo all’interno di un elemento. | STF |
| id | id | Specifica un id univoco per un elemento. | STF |
| lang | codice lingua | Può essere utilizzato per indicare il codice della lingua dell’elemento. | STF |
| style | definizione stile | Specifica uno stile in linea per un elemento. | STF |
| title | testo | Può essere utilizzato per fornire dati aggiuntivi sull’elemento. | STF |
| xml:lang | codice lingua | Può essere utilizzato, nei documenti XHTML, per indicare il codice della lingua dell’elemento. | STF |
Attributi Evento
Il tag <col> supporta i seguenti eventi Javascript:
| Attributo | Valore | Descrizione | DTD |
|---|---|---|---|
| onclick | script | Specifica uno script da eseguire al click del mouse | STF |
| ondblclick | script | Specifica uno script da eseguire al doppio click del mouse | STF |
| onmousedown | script | Specifica uno script da eseguire quando è premuto il pulsante sinistro del mouse | STF |
| onmousemove | script | Specifica uno script da eseguire al movimento del mouse | STF |
| onmouseout | script | Specifica uno script da eseguire quando il puntatore del mouse esce fuori dall’area dell’elemento | STF |
| onmouseover | script | Specifica uno script da eseguire al passaggio del mouse sull’elemento | STF |
| onmouseup | script | Specifica uno script da eseguire quando viene rilasciato il pulsante sinistro del mouse | STF |
| onkeydown | script | Specifica uno script da eseguire alla pressione di un tasto sulla tastiera | STF |
| onkeypress | script | Specifica uno script da eseguire quando viene premuto e rilasciato un tasto sulla tastiera | STF |
| onkeyup | script | Specifica uno script da eseguire al rilascio di un tasto sulla tastiera | STF |
Browser supportati
Il tag <col> è supportato da tutti i principali browser.
| Firefox | Safari | Chrome | Opera | IE 8 | IE 7 | IE 6 |
|---|---|---|---|---|---|---|
| SI | SI | SI | SI | SI | SI | SI |
N.B.: Firefox supporta solo l’attributo width.
L'autore
