tutoriais mais recente desenvolvimento web
 

HTML <col> width Attribute

<HTML <col> tag

Exemplo

Duas <col> elementos com uma largura pré-definida:

<table>
  <col width="130">
  <col width="80">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
Tente você mesmo "

Definição e Uso

A width atributo especifica a largura de um <col> elemento.

Normalmente, um <col> elemento ocupa o espaço de que necessita para exibir o conteúdo. A width atributo é usado para definir uma largura predefinida de um <col> elemento.

Nota: Este atributo irá substituir qualquer largura definida no <colgroup> elemento.


Suporte a navegadores

Atributo
width sim sim sim sim sim

A width atributo é suportado em todos os principais navegadores. No entanto, nenhum dos navegadores suportam o valorrelative_length.


Notas de compatibilidade

A width atributo de <col> não é suportado no HTML5. Use CSS em vez disso.

Sintaxe CSS: <td style="width:130px">

CSS Exemplo: Especificar largura das colunas da tabela

Em nosso tutorial CSS pode encontrar mais detalhes sobre a width propriedade .


Sintaxe

<col width="pixels|%|relative_length">

Os valores dos atributos

Valor Descrição
pixels Define a largura em pixels (exemplo: width="50" )
% Define a largura em percentagem do elemento envolvente (exemplo: width="50%" )
relative_length Compartilha os pixels disponíveis em partes. (Por exemplo, uma tabela é px 100, a primeira coluna é de 20 px, o segundo é de 50%, os pixels disponíveis será então 30px). Uma parte é definida como este: "1*" .

Exemplo: Se 30 px de espaço estão disponíveis, você pode ter um "1*" e um "2*" , que será interpretado como 10 e 20 px (pense em 1* de um lado, e 2* como duas partes) .


<HTML <col> tag