Exemplo
Definir a altura de um <button> elemento:
document.getElementById("myBtn").style.height = "50px"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades altura ou retorna a altura de um elemento.
A propriedade altura tem efeito apenas em elementos de bloco ou em elementos com posição absoluta ou fixo. O conteúdo transbordamento pode ser manipulado com a propriedade overflow.
Dica: Utilize a largura propriedade para definir ou retornar a largura de um elemento.
Suporte navegador
A propriedade altura é suportada em todos os principais navegadores.
Sintaxe
Devolver a propriedade height:
object .style.height
Defina a propriedade altura:
object .style.height="auto| Valores de propriedade Valor Descrição auto O navegador define a altura. Este é o padrão length Define a altura em unidades de comprimento % Define a altura em% do elemento pai initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: auto Valor de retorno: Uma corda, que representa a altura de um elemento CSS Versão CSS1
mais Exemplos
Exemplo
Alterar a altura de um <div> elemento:
document.getElementById("myDIV").style.height = "500px"; Tente você mesmo "
Exemplo
Alterar a altura e largura de um <img> elemento:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Tente você mesmo "
Exemplo
Voltar a altura de um <img> elemento:
alert(document.getElementById("myImg").style.height);
Tente você mesmo "
Páginas relacionadas
Tutorial CSS: CSS Dimensão
Tutorial CSS: modelo CSS Box
Referência CSS: height property
<Estilo de objeto