CSS: altezza massima

Descrizione

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

Possibili valori

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

  • percentage - Limita l'altezza dell'elemento al massimo a questa percentuale dell'altezza del blocco contenitore.

  • none - Non c'è limite all'altezza dell'elemento.

Si applica a

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

Sintassi DOM

object.style.maxHeight = "50px"

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>

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

Questo produrrà il seguente risultato: