CSS - Altezza

Descrizione

L' altezza imposta l'altezza dell'area del contenuto di un elemento.

Possibili valori

  • length- Qualsiasi unità di lunghezza. I valori di lunghezza negativi non sono consentiti per questa proprietà.

  • percentage - L'altezza è calcolata rispetto all'altezza del blocco contenitore dell'elemento, assumendo che l'altezza del blocco contenitore sia stata impostata esplicitamente.

  • auto- Predefinito. Il browser calcola l'altezza effettiva.

Si applica a

Tutti gli elementi HTML eccetto gli elementi in linea non sostituiti, le righe della tabella e i gruppi di righe.

Sintassi DOM

object.style.height = "100px";

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; height:100px;border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400pixels wide and 100 pixels high
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: