Propiedad de ancho de imagen
Ejemplo
Cambia el ancho de una imagen a 300px:
document.getElementById("myImg").width = "300";
Definición y uso
La propiedad de ancho establece o devuelve el valor del atributo de ancho de una imagen.
El atributo ancho especifica el ancho de una imagen.
Esta propiedad también puede devolver el ancho de una imagen que ha sido diseñada con CSS (ver más ejemplos).
Sugerencia: use la propiedad de altura para establecer o devolver el valor del atributo de altura de una imagen.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad de ancho:
imageObject.width
Establezca la propiedad de ancho:
imageObject.width = pixels
Valores de propiedad
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
Detalles técnicos
Valor de retorno: | Un número, que representa el ancho de la imagen, en píxeles |
---|
Más ejemplos
Ejemplo
Devuelve el ancho de una imagen:
var x = document.getElementById("myImg").width;
Ejemplo
Cambie la altura y el ancho de una imagen a 300 px:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Ejemplo
Devuelve el ancho de una imagen que ha sido diseñada con CSS:
var x = document.getElementById("myImg").width;
páginas relacionadas
Referencia de HTML: atributo de ancho HTML <img>
❮ Objeto de imagen