Propriedade width da imagem

Objeto Image do DOM HTML

Definição e uso

width Propriedade que define ou retorna a largura da imagem Propriedade width o valor.

A propriedade width do HTML define a largura da imagem.

Esta propriedade também pode retornar a largura da imagem com estilo CSS aplicado (veja o exemplo abaixo).

Dica:Use Propriedade altura Definir ou retornar a largura da imagem Propriedade altura o valor.

Exemplo

Exemplo 1

Mude a largura da imagem para 450px:

document.getElementById("myImg").largura = "450";

Experimente você mesmo

Exemplo 2

Retorna a largura da imagem:

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

Experimente você mesmo

Exemplo 3

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

document.getElementById("myImg").altura = "300";
document.getElementById("myImg").largura = "450";

Experimente você mesmo

Exemplo 4

Retorna a largura da imagem com estilo CSS aplicado:

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

Experimente você mesmo

Sintaxe

Retorna a propriedade largura:

imageObject.largura

Definir a propriedade largura:

imageObject.largura = pixels

Valor do atributo

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

Detalhes técnicos

Retorno: Número, que representa a largura 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:Propriedade width do <img> do HTML

Objeto Image do DOM HTML