La max-widthpropiedad en CSS se usa para establecer el ancho máximo de un elemento especificado. La max-widthpropiedad anula la widthpropiedad, pero min-widthsiempre anulará max-widthsi se sigue antes o después widthen su declaración. Los autores pueden utilizar cualquiera de los valores de longitud siempre que sean positivos.
.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 */ )Tenga cuidado al asumir que max-widthse hereda, ya que esta propiedad no hereda de otros elementos principales. Si widthse ha definido una de 300px con una max-widthde 600px, el widthvalor inicial siempre anulará el max-widthvalor de 600px.
Soporte de navegador
| ES DECIR | Borde | Firefox | Cromo | Safari | Ópera |
|---|---|---|---|---|---|
| 7+ | Todos | Todos | Todos | Todos | Todos |
| Android Chrome | Android Firefox | Navegador de Android | Safari de iOS | Opera Mobile |
|---|---|---|---|---|
| Todos | Todos | Todos | Todos | Todos |
Propiedades relacionadas
Almanaque el 15 de enero de 2021altura
.element ( height: 500px; ) 
Sara Cope