CSS - larghezza minima

Descrizione

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

Possibili valori

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

  • percentage - Limita la larghezza dell'elemento ad almeno questa percentuale della larghezza 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.minWidth = "50px"

Esempio

Ecco l'esempio:

<html>
   <head>
   </head>

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

Questo produrrà il seguente risultato: