Gli ultimi tutorial di sviluppo web
 

HTML <col> Tag


Esempio

Impostare il colore delle tre colonne con lo sfondo <colgroup> e <col> tag:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
Prova tu stesso "

Definizione e utilizzo

Il <col> tag specifica proprietà delle colonne per ogni colonna all'interno di un <colgroup> elemento.

Il <col> tag è utile per applicare stili di intere colonne, invece di ripetere gli stili per ogni cella, per ogni riga.


Supporto per il browser

Elemento
<col>

Differenze tra HTML 4.01 e HTML5

La maggior parte degli attributi in HTML 4.01 non sono supportate in HTML5.


Differenze tra HTML e XHTML

In HTML il <col> tag non ha alcun tag di chiusura.

In XHTML, il <col> tag deve essere ben chiuso.


attributi

Attributo Valore Descrizione
align left
right
center
justify
char
Non supportato in HTML5.
Specifica l'allineamento del contenuto relativo ad un <col> elemento
char character Non supportato in HTML5.
Specifica l'allineamento del contenuto relativo ad un <col> elemento ad un carattere
charoff number Non supportato in HTML5.
Specifica il numero di caratteri il contenuto sarà allineata dal carattere specificato dal char dell'attributo
span number Specifica il numero di colonne di un <col> elemento dovrebbe estendersi
valign top
middle
bottom
baseline
Non supportato in HTML5.
Specifica l'allineamento verticale del contenuto relativo ad un <col> elemento
width %
pixels
relative_length
Non supportato in HTML5.
Specifica la larghezza di un <col> elemento

attributi globali

Il <col> tag supporta anche l' Attributi globali in HTML .


Attributi eventi

Il <col> tag supporta anche l' evento Attributi in HTML .


Pagine correlate

Di riferimento HTML DOM: Oggetto Colonna


Impostazioni predefinite CSS

La maggior parte dei browser visualizzerà il <col> elemento con i seguenti valori di default:

Esempio

col {
    display: table-column;
}
Prova tu stesso "