HTML col

Postado: 13 de abril de 2022

HTML col é usada para definir as propriedades de coluna para cada coluna dentro de uma tag <colgroup>. 

Esta tag é usada para definir a propriedade de estilo para cada coluna. 

OBS: Esta tag não contém tags de fechamento.

Veja o Exemplo no código HTML.

    <table>
      
      <colgroup>
        
        <col span="1" style="background-color: blue" />
        <col span="1" style="background-color: orange;" />
        <col span="1" style="background-color: #f4f4f4;" />
        
      </colgroup>
  
      <tr>
        <th>Front-end</th>
        <th>Back-end</th>
        <th>Templates</th>
      </tr>
      
      <tr>
        <td>Html</td>
        <td>PHP</td>
        <td>Responsivas</td>
      </tr>
      
      <tr>
        <td>Css3</td>
        <td>MySql</td>
        <td>Sites onepage</td>
      </tr>

    </table>

Veja os Atributos que podem ser usados ​​com a tag <col> logo abaixo. 

  • span : é usado para definir o número de colunas em que a propriedade será aplicada.
  • style : Este atributo é usado para definir o CSS para alterar as propriedades da coluna.
  • align : Este atributo é usado para definir o alinhamento do conteúdo do elemento <col>.
  • largura : É usado para especificar a largura de um elemento <col>.
  • charoff : É usado para especificar o número de caracteres que o conteúdo será alinhado a partir do caractere especificado pelo atributo char.

Definição e uso da Tag <col>

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

A tag <col> é útil para aplicar estilos a colunas inteiras, em vez de repetir os estilos para cada célula, para cada linha.

Neste Artigo Abordamos sobre a tag HTML col.

Veja outros artigos Sobre Tags HTML.

Publicado por: loopnerd

127 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados