Esempio
Impostare l'altezza di un <button> elemento:
document.getElementById("myBtn").style.height = "50px"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà di altezza o restituisce l'altezza di un elemento.
La proprietà height 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 la larghezza della proprietà per impostare o restituire la larghezza di un elemento.
Supporto browser
La proprietà altezza è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà altezza:
object .style.height
Impostare la proprietà altezza:
object .style.height="auto| I valori delle proprietà Valore Descrizione auto Il browser imposta l'altezza. Questa è l'impostazione predefinita length Definisce l'altezza in unità di lunghezza % Definisce l'altezza 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 l'altezza di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare l'altezza di un <div> elemento:
document.getElementById("myDIV").style.height = "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 l'altezza di un <img> elemento:
alert(document.getElementById("myImg").style.height);
Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Dimension
Tutorial CSS: modello CSS Box
Di riferimento CSS: height property
<Stile di oggetto