Esempio
Impostare la larghezza di un <button> elemento:
document.getElementById("myBtn").style.width = "300px"; Prova tu stesso " Definizione e l'utilizzo
La proprietà width imposta o restituisce la larghezza di un elemento.
La proprietà width ha effetto solo su elementi a livello di blocco o su elementi con posizione assoluta o fisso. Il contenuto traboccante può essere manipolato con la proprietà overflow.
Suggerimento: Utilizzare l'altezza proprietà per impostare o restituire l'altezza di un elemento.
Supporto browser
La proprietà width è supportata in tutti i principali browser.
Sintassi
Restituisce la proprietà width:
object .style.width
Impostare la proprietà width:
object .style.width="auto| I valori delle proprietà Valore Descrizione auto Il browser imposta la larghezza. Questa è l'impostazione predefinita length Definisce la larghezza in unità di lunghezza % Definisce la larghezza in% dell'elemento genitore initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: auto Valore di ritorno: Una stringa, che rappresenta la larghezza di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare la larghezza di un <div> elemento:
document.getElementById("myDIV").style.width = "500px";
Prova tu stesso "
Esempio
Modificare l'altezza e la larghezza di un <img> elemento:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Prova tu stesso "
Esempio
Restituisce la larghezza di un <img> elemento:
alert(document.getElementById("myImg").style.width);
Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Dimension
Tutorial CSS: modello CSS Box
Di riferimento CSS: width property
<Stile di oggetto