Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de ancho mínimo
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada ancho mínimo Con sintaxis y ejemplos.
describir
La propiedad min-width de CSS define el ancho mínimo del área de contenido de un elemento.
sintaxis
La sintaxis de la propiedad CSS min-width es:
min-width: value;parámetro o parámetro
valor
El ancho mínimo del área de contenido del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | Un valor fijo en píxeles, em, etc. div { ancho mínimo: 55px; } div { ancho mínimo: 40em; } |
| porcentaje | valor porcentual div { ancho mínimo: 25%; } |
| heredar | Indica que el elemento heredará un ancho mínimo de su elemento padre div { ancho mínimo: heredar; } |
notas
- El área de contenido de un elemento está dentro del relleno, los bordes y los márgenes del elemento.
- La propiedad de ancho mínimo de CSS se aplica a los elementos de nivel de bloque y reemplazados.
- La propiedad de ancho mínimo de CSS se usa para evitar que el ancho de CSS sea más pequeño que el valor especificado en la propiedad de ancho mínimo de CSS.
- Cuando el valor se proporciona como un porcentaje, es relativo al ancho del bloque que lo contiene.
- Véase también alto, ancho, altura máxima, ancho máximo, altura mínima.
Compatibilidad del navegador
La propiedad min-width de CSS tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad min-width a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar valor fijo
Veamos un ejemplo de ancho mínimo de CSS en el que proporcionamos el ancho mínimo como un valor fijo en píxeles.
div { min-width: 50px; }En este ejemplo de ancho mínimo de CSS,
También podemos expresar el ancho mínimo como un valor fijo en em.
Por ejemplo:
div { min-width: 75em; }En este ejemplo de ancho mínimo de CSS,
porcentaje de uso
Veamos un ejemplo de ancho mínimo de CSS en el que proporcionamos el ancho mínimo como un porcentaje.
div { min-width: 50% }En este ejemplo de ancho mínimo de CSS,