Atributo CSS height

Definição e uso

A propriedade height define a altura do elemento.

Explicação

Essa propriedade define a altura da área de conteúdo do elemento, onde pode ser adicionado margem interna, borda e margem externa.

Os elementos inline non-replaced ignoram essa propriedade.

Veja também:

Tutorial do CSS:Tamanho do CSS

Tutorial do CSS:Resumo do modelo de caixa do CSS

Manual do CSS:Propriedade width

Manual do HTML DOM:Propriedade height

Exemplo

Definir a altura e largura do parágrafo:

p
  {
  height:100px;
  width:100px;
  }

Experimente você mesmo

Sintaxe do CSS

height: auto|length|initial|inherit;

Valor da propriedade

Valor Descrição
auto Padrão. O navegador calculará a altura real.
length Definir a altura usando unidades como px, cm, etc.
% Baseada na altura percentual do bloco contido.
inherit Especifica que a propriedade height deve ser herdada do valor da propriedade height do elemento pai.

Detalhes técnicos

Valor padrão: auto
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.height="50px"

TIY Exemplo

Definir a altura da imagem usando píxeis
Este exemplo demonstra como usar valores em píxeis para definir a altura do elemento.
Definir a altura da imagem usando porcentagem
Este exemplo demonstra como usar porcentagens para definir a altura do elemento.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0