Attributo altezza Style

Definizione e uso

height Imposta o restituisce l'altezza dell'elemento.

height L'attributo è valido solo per gli elementi bloccanti o con posizione assoluta o fissa. Il contenuto overflow può essere impostato con Attributo overflow per operare.

Suggerimento:Usa Attributo width Imposta o restituisce la larghezza dell'elemento.

Vedi anche:

Corso CSS:Dimensione CSS

Corso CSS:Modello di casella CSS

Manuale CSS:Attributo height

Esempio

Esempio 1

Imposta l'altezza dell'elemento <button>:

document.getElementById("myBtn").style.height = "50px";

Prova tu stesso

Esempio 2

Cambia l'altezza dell'elemento <div>:

document.getElementById("myDIV").style.height = "500px";

Prova tu stesso

Esempio 3

Modifica l'altezza e la larghezza dell'elemento <img>:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Prova tu stesso

Esempio 4

Restituisce l'altezza dell'elemento <img>:

alert(document.getElementById("myImg").style.height);

Prova tu stesso

Sintassi

Restituisce l'attributo height:

oggetto.style.height

Imposta l'attributo height:

oggetto.style.height = "auto|length|%|initial|inherit"

Valore dell'attributo

Valore Descrizione
auto Imposta l'altezza del browser. Predefinito.
length Definisce l'altezza con unità di lunghezza.
% Definisce l'altezza in percentuale rispetto all'elemento padre.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Valore di ritorno: Cadena che rappresenta l'altezza dell'elemento.
Versione CSS: CSS1

Supporto del browser

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