English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

regras CSS @

大全 de Atributos CSS

Tabela CSS-Método de uso e exemplo do atributo layout

table-A propriedade layout CSS especifica o algoritmo usado para layout de células, linhas e colunas da tabela.

A tabela a seguir fornece a descrição de uso e o histórico de versões dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:auto
Aplicável a:Elementos de tabela e de tabela inline
Herança:Não
Animável:Não.Veja também Propriedades de animação
Versão:CSS 2、3
Sintaxe do JavaScript:object.style.tableLayout="fixed"

table-Sintaxe de uso do layout

A sintaxe dessa propriedade é a seguinte:

table-layout: auto | fixed | initial | inherit

O exemplo a seguir demonstra como usar table-propriedade layout.

  table {
   width: 250px;
   table-layout: fixed;
  }
Teste e veja‹/›

Dica:O algoritmo de layout fixo da tabela permite que o navegador faça o layout da tabela mais rapidamente do que o algoritmo de layout automático da tabela. Assim que receber a primeira linha, o navegador pode começar a exibir a tabela...

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
autoO algoritmo de layout automático da tabela é usado para o layout da tabela. A largura da tabela e das células depende do conteúdo das células. Isso é o valor padrão.
fixed

O algoritmo de layout fixo é usado para o layout da tabela.

  • O layout horizontal da tabela não depende do conteúdo das células; depende apenas da largura da tabela, da largura das colunas e do espaçamento das bordas ou células.

  • A largura da tabela e das colunas é definida pela largura dos elementos table e col ou pela largura da primeira linha da célula.

initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o valor table do elemento pai-valor da propriedade layout.

Atenção:O algoritmo de layout automático da tabela pode reduzir a velocidade de exibição das tabelas com muitas linhas ou colunas, pois requer que o navegador possa acessar todo o conteúdo da tabela antes de determinar o layout final.

Compatibilidade do navegador

table-Compatibilidade do navegador para propriedades de layout, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome2+

  • Internet Explorer 5+

  • Apple Safari 1+

  • Opera 7+

Leia mais

Para referência, consulte os tutoriais sobre o seguinte conteúdo:Tabela do HTMLTabela do CSS

Propriedades relacionadas:width