CSS: larghezza massima

Descrizione

La proprietà max-width viene utilizzata per impostare un limite superiore sulla larghezza di un elemento.

Possibili valori

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

  • percentage - Limita la larghezza dell'elemento al massimo a questa percentuale della larghezza del blocco contenitore.

  • none - Non c'è limite alla larghezza dell'elemento.

Si applica a

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

Sintassi DOM

object.style.maxWidth = "50px"

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>

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

Questo produrrà il seguente risultato: