Proprietà max-width CSS

Definizione e uso

max-width definisce la larghezza massima dell'elemento.

Spiegazione

Questo valore dell'attributo imposta un limite massimo per la larghezza dell'elemento. Di conseguenza, l'elemento può essere più piccolo del valore specificato, ma non può essere più grande. Non è permesso specificare valori negativi.

Vedi anche:

Tutorial CSS:Dimensioni CSS

Manuale CSS:Proprietà min-width CSS

Manuale HTML DOM:Proprietà maxWidth

Esempio

Impostare la larghezza massima del paragrafo:

p
  {
  max-width:100px;
  }

Prova tu stesso

Sintassi CSS

max-width: none|length|initial|inherit;

Valore dell'attributo

Valore Descrizione
nessuna Predefinito. Definisce che non ci sono limiti per la larghezza massima dell'elemento.
length Definisce il valore della larghezza massima dell'elemento.
% Definisce la larghezza massima percentuale basata sull'oggetto bloccante contenente.
inherit Definisce che l'attributo max-width deve essere ereditato dal valore dell'elemento genitore.

Dettagli tecnici

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

Esempio TIY

Impostare la larghezza massima dell'elemento utilizzando il valore in pixel
Questo esempio dimostra come impostare l'altezza massima dell'elemento utilizzando il valore in pixel.
Impostare la larghezza massima dell'elemento utilizzando il valore percentuale
Questo esempio dimostra come impostare l'altezza massima dell'elemento utilizzando il valore percentuale.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

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