Proprietà min-width CSS

Definizione e uso

min-width Imposta la larghezza minima dell'elemento.

Spiegazione

Questo valore di attributo imposte un limite minimo di larghezza per l'elemento. Di conseguenza, l'elemento può essere più largo rispetto al valore specificato, ma non può essere più piccolo. Non è permesso specificare valori negativi.

Vedi anche:

Tutorial CSS:Dimensioni CSS

Manuale CSS:Proprietà max-width CSS

Manuale HTML DOM:Attributo minWidth

Esempio

Impostare la larghezza minima del paragrafo:

p
  {
  min-width:100px;
  }

Prova da solo

Sintassi CSS

min-width: lunghezza|initial|inherit;

Valore dell'attributo

Valore Descrizione
lunghezza Definisce il valore della larghezza minima dell'elemento. Il valore predefinito dipende dal browser.
% Definisce la larghezza minima percentuale basata sull'oggetto contenitore.
inherit Definisce che l'attributo min-width dovrebbe essere ereditato dal valore dell'elemento genitore.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.minWidth="50px"

Esempio TIY

Impostare la larghezza minima dell'elemento utilizzando il valore in pixel
Questo esempio dimostra come impostare la larghezza minima di un elemento utilizzando il valore in pixel.
Impostare la larghezza minima dell'elemento utilizzando il valore percentuale
Questo esempio dimostra come impostare la larghezza minima di un elemento utilizzando il valore percentuale.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 4.0