Propriedade largura da imagem
Exemplo
Altere a largura de uma imagem para 300px:
document.getElementById("myImg").width = "300";
Definição e uso
A propriedade largura define ou retorna o valor do atributo largura de uma imagem.
O atributo largura especifica a largura de uma imagem.
Esta propriedade também pode retornar a largura de uma imagem que foi estilizada com CSS (veja mais exemplos).
Dica: Use a propriedade height para definir ou retornar o valor do atributo height de uma imagem.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade largura:
imageObject.width
Defina a propriedade de largura:
imageObject.width = pixels
Valores de propriedade
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
Detalhes técnicos
Valor de retorno: | Um Número, representando a largura da imagem, em pixels |
---|
Mais exemplos
Exemplo
Retornar a largura de uma imagem:
var x = document.getElementById("myImg").width;
Exemplo
Altere a altura e a largura de uma imagem para 300px:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Exemplo
Retorne a largura de uma imagem que foi estilizada com CSS:
var x = document.getElementById("myImg").width;
Páginas relacionadas
Referência HTML: atributo de largura HTML <img>
❮ Objeto de imagem