Propiedad de ancho de imagen

Objeto Image de DOM HTML

Definición y uso

ancho Propiedad que establece o devuelve el ancho de la imagen Propiedad de ancho el valor.

La propiedad de ancho de HTML especifica el ancho de la imagen.

Esta propiedad también puede devolver el ancho de la imagen utilizada con CSS (ver el ejemplo a continuación).

Consejo:Utilice Propiedad de alto Establecer o devolver el ancho de la imagen Propiedad de alto el valor.

Ejemplo

Ejemplo 1

Cambiar el ancho de la imagen a 450px:

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

Prueba personal

Ejemplo 2

Devolver el ancho de la imagen:

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

Prueba personal

Ejemplo 3

Cambiar el alto y el ancho de la imagen a 300px y 450px respectivamente:

document.getElementById("myImg").alto = "300";
document.getElementById("myImg").ancho = "450";

Prueba personal

Ejemplo 4

Devolver el ancho de la imagen utilizada con CSS (ver el ejemplo a continuación).

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

Prueba personal

Sintaxis

Devolver la propiedad de ancho:

objeto de imagen.ancho

Establecer la propiedad de ancho:

objeto de imagen.ancho = pixels

Valor del atributo

Valor Descripción
pixels Ancho en píxeles (por ejemplo, width="100").

Detalles técnicos

Valor devuelto: Número, que representa el ancho de la imagen en píxeles.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo width del <img> de HTML

Objeto Image de DOM HTML