Definición de .max-width utilizado en CSS
La propiedad .max-width en CSS se utiliza para establecer el ancho máximo de un elemento especificado. La propiedad .max-width anula la propiedad de ancho, pero Min-Width siempre anulará .max-width, ya sea seguido antes o después del ancho en su declaración. Los autores pueden usar cualquiera de los valores de longitud siempre que sean un valor positivo.
Ejemplo de empleo : propiedad CSS max-width
Si quieres utilizar esta propiedad de CSS en tu stylesheet, hazlo de la siguiente forma:
.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 */
}Sintaxis de .max-width en CSS
max-width: none|length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| ninguna | Sin ancho máximo. esto es por defecto | |
| longitud | Define el ancho máximo en px, cm, etc. | |
| % | Define el ancho máximo en porcentaje del bloque contenedor | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .max-width
Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| min-height | 1.0 | 7.0 | 3.0 | 2.0.2 | 4.0 |
