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

manual de referência CSS

regras CSS @

大全 de Atributos CSS

Método de uso e exemplo do atributo height CSS

A propriedade height CSS especifica a altura da área de conteúdo de um elemento. A área de conteúdo não inclui preenchimento, borda ou margem, mais informações, consulteModelo de caixa do CSS

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

Valor padrão:auto
Aplicável a:Exceto elementos embutidos não substituídos
Todos os elementos fora das linhas e grupos de linhas
Herança:Não
Animável:Sim.Por favor, consulte Atributos animados
Versão:CSS 1,2,3
Sintaxe do JavaScript:object.style.height="100px"

Sintaxe de uso do height

A sintaxe dessa propriedade é a seguinte:

height: length | percentage | auto | initial | inherit

Os exemplos a seguir demonstram como usar o atributo height.

  p {
   height: 50px;
   background-color: #f0e68c;
  }
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
lengthEspecifique a altura com unidade de px, pt, cm, em, etc. A altura não pode ser negativa.
percentageEspecifique a altura em porcentagem. A porcentagem é calculada com base na altura do bloco contendo o elemento. Não é permitido usar valores negativos em porcentagem.
autoO navegador calculará a altura do elemento especificado com base nos valores de outras propriedades. Isso é o valor padrão.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o valor da propriedade height do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo height, 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 Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Por favor, consulte os tutoriais relacionados ao seguinte conteúdo:Modelo de caixa do CSSTamanho do CSS

Atributos relacionados:max-heightmin-height