Exemplo
Alterar a largura de uma imagem a 300px:
document.getElementById("myImg").width = "300"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades largura ou retorna o valor da width atributo de uma imagem.
A width atributo especifica a largura de uma imagem.
Esta propriedade também pode retornar a largura de uma imagem que foi estilizado com CSS (Veja mais exemplos).
Dica: Use a altura propriedade para definir ou devolver o valor da height atributo de uma imagem.
Suporte a navegadores
| Propriedade | |||||
|---|---|---|---|---|---|
| width | sim | sim | sim | sim | sim |
Sintaxe
Devolver a propriedade width:
imageObject .widthDefina a propriedade width:
imageObject .width= pixels Os valores de propriedade
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. height="100") |
Detalhes técnicos
| Valor de retorno: | Um número, que representa a largura da imagem, em pixels |
|---|
mais Exemplos
Exemplo
Voltar a largura de uma imagem:
var x = document.getElementById("myImg").width;
O resultado de X será:
107 Tente você mesmo " Exemplo
Alterar a altura e largura de uma imagem de 300px:
document.getElementById("myImg").height="300";
document.getElementById("myImg").width="300"; Tente você mesmo " Exemplo
Voltar a largura de uma imagem que foi estilizado com CSS:
var x = document.getElementById("myImg").width; Tente você mesmo " Páginas relacionadas
Referência HTML: HTML <img> atributo de largura
objeto imagem