Proprietà larghezza stile
Esempio
Imposta la larghezza di un elemento <button>:
document.getElementById("myBtn").style.width = "300px";
Definizione e utilizzo
La proprietà width imposta o restituisce la larghezza di un elemento.
La proprietà larghezza ha effetto solo su elementi a livello di blocco o su elementi con posizione assoluta o fissa. Il contenuto in overflow può essere manipolato con la proprietà overflow.
Suggerimento: utilizzare la proprietà height per impostare o restituire l'altezza di un elemento.
Supporto browser
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà larghezza:
object.style.width
Imposta la proprietà della larghezza:
object.style.width = "auto|length|%|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | auto |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la larghezza di un elemento |
Versione CSS | CSS1 |
Altri esempi
Esempio
Modifica la larghezza di un elemento <div>:
document.getElementById("myDIV").style.width = "500px";
Esempio
Modifica l'altezza e la larghezza di un elemento <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Esempio
Restituisce la larghezza di un elemento <img>:
alert(document.getElementById("myImg").style.width);
Pagine correlate
Tutorial CSS: Dimensione CSS
Tutorial CSS: modello CSS Box
Riferimento CSS: proprietà larghezza
❮ Oggetto stile