tutoriais mais recente desenvolvimento web
 

HTML <colgroup> width Attribute

<HTML <colgroup> tag

Exemplo

Um <colgroup> elemento que especifica que a primeira coluna deve ter uma largura predefinida de 200 pixels:

<table>
  <colgroup width="200">
  <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 grupo de colunas.

Normalmente, um grupo de colunas ocupa o espaço de que necessita para exibir o conteúdo. A width atributo é utilizado para definir uma largura predefinida de um grupo de colunas.

Nota: Este atributo será substituído por qualquer largura definida pelo <col> elementos.


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 da <colgroup> não é suportado no HTML5. Use CSS em vez disso.

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

CSS Exemplo: Especificar largura de uma coluna da tabela

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


Sintaxe

<colgroup width="pixels|%|relative_lngth">

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 100 é px, o primeiro grupo de colunas é 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 <colgroup> tag