Proprietà CSS height

Definizione e uso

L'attributo height imposta l'altezza dell'elemento.

Spiegazione

Questa proprietà definisce l'altezza della sezione del contenuto dell'elemento, esternamente possono essere aggiunti spazi interni, bordi e margini.

Gli elementi inline non sostitutivi ignorano questa proprietà.

Vedi anche:

Tutorial CSS:Dimensioni CSS

Tutorial CSS:Panoramica del modello di riquadro CSS

Manuale CSS:Attributo width

Manuale HTML DOM:Attributo height

Esempio

Impostare l'altezza e la larghezza del paragrafo:

p
  {
  height:100px;
  width:100px;
  }

Prova da solo

Sintassi CSS

height: auto|length|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Predefinito. Il browser calcolerà l'altezza effettiva.
length Definire l'altezza utilizzando unità come px, cm ecc.
% Basata sull'altezza percentuale dell'oggetto bloccante che lo contiene.
inherit Definisce che l'altezza dell'elemento dovrebbe essere ereditata dal valore dell'attributo height dell'elemento genitore.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.height="50px"

Esempio TIY

Impostare l'altezza dell'immagine utilizzando valori in pixel
Questo esempio dimostra come impostare l'altezza dell'elemento utilizzando valori in pixel.
Impostare l'altezza dell'immagine utilizzando percentuali
Questo esempio dimostra come impostare l'altezza dell'elemento utilizzando percentuali.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0