La max-widthproprietà in CSS viene utilizzata per impostare la larghezza massima di un elemento specificato. La max-widthproprietà sovrascrive la widthproprietà, ma min-widthsostituirà sempre max-widthse seguita prima o dopo widthnella dichiarazione. Gli autori possono utilizzare qualsiasi valore di lunghezza purché sia un valore positivo.
.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )Prestare attenzione quando si assume che max-widthsia ereditato poiché questa proprietà non eredita da altri elementi padre. Se un widthdi 300px è stato definito con un max-widthdi 600px, il widthvalore iniziale sovrascriverà sempre il max-widthvalore di 600px.
Supporto del browser
| IE | Bordo | Firefox | Cromo | Safari | musica lirica |
|---|---|---|---|---|---|
| 7+ | Tutti | Tutti | Tutti | Tutti | Tutti |
| Android Chrome | Android Firefox | Browser Android | iOS Safari | Opera Mobile |
|---|---|---|---|---|
| Tutti | Tutti | Tutti | Tutti | Tutti |
Proprietà correlate
Almanacco il 15 gennaio 2021altezza
.element ( height: 500px; ) 
Sara Cope