Proprietà altezza stile
Esempio
Imposta l'altezza di un elemento <button>:
document.getElementById("myBtn").style.height = "50px";
Definizione e utilizzo
La proprietà height imposta o restituisce l'altezza di un elemento.
La proprietà altezza 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: utilizza la proprietà width per impostare o restituire la larghezza di un elemento.
Supporto browser
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà dell'altezza:
object.style.height
Imposta la proprietà dell'altezza:
object.style.height = "auto|length|%|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height 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 l'altezza di un elemento |
Versione CSS | CSS1 |
Altri esempi
Esempio
Modifica l'altezza di un elemento <div>:
document.getElementById("myDIV").style.height = "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 l'altezza di un elemento <img>:
alert(document.getElementById("myImg").style.height);
Pagine correlate
Tutorial CSS: Dimensione CSS
Tutorial CSS: modello CSS Box
Riferimento CSS: proprietà altezza
❮ Oggetto stile