Definición de .min-width utilizado en CSS
La propiedad .min-width en CSS se utiliza para establecer el ancho mínimo de un elemento especificado. La propiedad .min-width siempre anula la propiedad de ancho, ya sea seguida 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.
Caso de uso de min-width
Si te gustaría emplear esta propiedad de CSS en tu hoja de estilos, hazlo de esta forma:
.wrapper {
width: 100%;
min-width: 20em; /* Will be AT LEAST 20em wide */
}Sintaxis de .min-width en CSS
min-width: length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| longitud | El valor por defecto es 0. Define el ancho mínimo en px, cm, etc. | |
| % | Define el ancho mínimo en porcentaje del bloque contenedor | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .min-width
Los números de la tabla especifican la primera versión del navegador que es totalmente 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 |
|---|---|---|---|---|---|
| mix-blend-mode | 41.0 | 79.0 | 32.0 | 8.0 | 35.0 |
