A max-widthpropriedade em CSS é usada para definir a largura máxima de um elemento especificado. A max-widthpropriedade substitui a widthpropriedade, mas min-widthsempre substituirá max-widthse seguido antes ou depois widthem sua declaração. Os autores podem usar qualquer um dos valores de comprimento, desde que sejam um valor 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 */ )Esteja atento ao presumir que max-widthé herdado, pois essa propriedade não é herdada de outros elementos pai. Se um widthde 300px foi definido com um max-widthde 600px, o widthvalor inicial sempre substituirá o max-widthvalor de 600px.
Suporte de navegador
| IE | Beira | Raposa de fogo | cromada | Safári | Ópera |
|---|---|---|---|---|---|
| 7 + | Todo | Todo | Todo | Todo | Todo |
| Android Chrome | Android Firefox | Navegador Android | iOS Safari | Opera Mobile |
|---|---|---|---|---|
| Todo | Todo | Todo | Todo | Todo |
Propriedades relacionadas
Almanaque em 15 de janeiro de 2021altura
.element ( height: 500px; ) 
Sara Cope