Propriedade de altura da imagem

Objeto Image do DOM HTML

Definição e uso

height Propriedade de definição ou retorno da largura da imagem Propriedade height do valor.

Propriedade height Especificar a altura da imagem.

Esta propriedade também pode retornar a altura da imagem com estilo CSS aplicado (veja os exemplos abaixo).

Atenção:Dica: Propriedade width Definir ou retornar a largura da imagem Valor da propriedade width.

Exemplo

Exemplo 1

Alterar a altura da imagem para 300px:

document.getElementById("myImg").height = "300";

Experimente você mesmo

Exemplo 2

Retornar a altura da imagem:

var x = document.getElementById("myImg").height;

Experimente você mesmo

Exemplo 3

Alterar a altura e largura da imagem para 300px e 450px, respectivamente:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Experimente você mesmo

Exemplo 4

Retornar a altura da imagem com estilo CSS aplicado:

var x = document.getElementById("myImg").height;

Experimente você mesmo

Sintaxe

Retornar a propriedade height:

imageObject.height

Definir a propriedade height:

imageObject.height = pixels

Valor do atributo

Valor Descrição
pixels Altura em pixels (por exemplo, height="100").

Detalhes técnicos

Retorno: Número, que representa a altura da imagem, em pixels.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML:Atributo height do <img> do HTML

Objeto Image do DOM HTML