Attributo larghezza immagine

Oggetto Image DOM HTML

Definizione e uso

width Proprietà che imposta o restituisce la larghezza dell'immagine Attributo width valore.

L'attributo width di HTML definisce la larghezza dell'immagine.

Questa proprietà può anche restituire la larghezza dell'immagine utilizzando lo stile CSS impostato (vedi esempio sottostante).

Suggerimento:Usa Attributo altezza Imposta o restituisce la larghezza dell'immagine Attributo altezza valore.

Esempio

Esempio 1

Cambia la larghezza dell'immagine a 450px:

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

Prova personalmente

Esempio 2

Restituisce la larghezza dell'immagine:

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

Prova personalmente

Esempio 3

Cambia altezza e larghezza dell'immagine rispettivamente a 300px e 450px:

document.getElementById("myImg").altezza = "300";
document.getElementById("myImg").larghezza = "450";

Prova personalmente

Esempio 4

Restituisce la larghezza dell'immagine utilizzando la stile CSS impostato:

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

Prova personalmente

Sintassi

Restituisce l'attributo larghezza:

oggettoImmagine.larghezza

Imposta l'attributo larghezza:

oggettoImmagine.larghezza = pixels

Valore attributo

Valore Descrizione
pixels Larghezza in pixel (ad esempio width="100").

Dettagli tecnici

Valore di ritorno: Valore numerico, che rappresenta la larghezza dell'immagine in pixel.

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Pagine correlate

Manuale di riferimento HTML:Proprietà width di <img> HTML

Oggetto Image DOM HTML