CSS: altezza minima

Descrizione

La proprietà min-height viene utilizzata per impostare un limite inferiore sull'altezza di un elemento.

Possibili valori

  • length- Qualsiasi unità di lunghezza. L'elemento non può mai avere un valore per l'altezza inferiore a questa distanza.

  • percentage - Limita l'altezza dell'elemento ad almeno questa percentuale dell'altezza del blocco contenitore.

Si applica a

Tutti gli elementi HTML eccetto gli elementi in linea non sostituiti e gli elementi della tabella.

Sintassi DOM

object.style.minHeight = "50px"

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; min-height:200px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
      </p>
      
      <img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84" />
   </body>
</html>

Questo produrrà il seguente risultato: