tutoriais mais recente desenvolvimento web
 

HTML <col> Tag


Exemplo

Defina a cor das três colunas com o fundo <colgroup> e <col> tags:

<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>
Tente você mesmo "

Definição e Uso

O <col> tag especifica as propriedades da coluna para cada coluna dentro de um <colgroup> elemento.

O <col> tag é útil para aplicação de estilos de colunas inteiras, em vez de repetir os estilos para cada célula, para cada linha.


Suporte a navegadores

Elemento
<col> sim sim sim sim sim

Diferenças entre HTML 4.01 e HTML5

A maioria dos atributos em HTML 4.01 não são suportados no HTML5.


Diferenças entre HTML e XHTML

Em HTML do <col> tag não tem nenhuma marca de fim.

Em XHTML, a <col> tag deve ser devidamente fechado.


Atributos

Atributo Valor Descrição
align left
right
center
justify
char
Não suportado em HTML5.
Especifica o alinhamento do conteúdo relacionado a um <col> elemento
char character Não suportado em HTML5.
Especifica o alinhamento do conteúdo relacionado a um <col> elemento para um personagem
charoff number Não suportado em HTML5.
Especifica o número de caracteres o conteúdo será alinhado do caractere especificado pelo char atributo
span number Especifica o número de colunas a <col> elemento deve abrangem
valign top
middle
bottom
baseline
Não suportado em HTML5.
Especifica o alinhamento vertical do conteúdo relacionado a um <col> elemento
width %
pixels
relative_length
Não suportado em HTML5.
Especifica a largura de um <col> elemento

Atributos globais

O <col> tag também suporta o Global de Atributos em HTML .


Atributos de eventos

O <col> tag também suporta o evento Atributos em HTML .


Páginas relacionadas

Referência HTML DOM: Objeto Column


Configurações CSS padrão

A maioria dos navegadores exibirá a <col> elemento com os seguintes valores padrão:

Exemplo

col {
    display: table-column;
}
Tente você mesmo "