Atributo min-width de CSS

Definición y uso

min-width Establece el ancho mínimo del elemento.

Descripción

Este valor establecerá un límite mínimo para el ancho del elemento. Por lo tanto, el elemento puede ser más ancho que el valor especificado, pero no más estrecho. No se permite especificar valores negativos.

Véase también:

Tutorial de CSSTamaño de CSS

Manual de Referencia de CSS:Atributo max-width de CSS

Manual de Referencia de HTML DOM:Atributo minWidth

Ejemplo

Establecer el ancho mínimo del párrafo:

p
  {
  min-width:100px;
  }

Prueba tú mismo

Sintaxis de CSS

min-width: length|initial|inherit;

Valor del atributo

Valor Descripción
length Define el valor del ancho mínimo del elemento. El valor por defecto depende del navegador.
% Define el ancho mínimo en porcentajes basado en el objeto contenedor bloqueo que lo contiene.
inherit Se debe especificar que el valor de min-width debe ser heredado del elemento padre.

Detalles técnicos

Valor por defecto: none
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: object.style.minWidth="50px"

Ejemplo TIY

Establecer el ancho mínimo del elemento usando valores en píxeles
Este ejemplo muestra cómo usar valores en píxeles para establecer el ancho mínimo del elemento.
Establecer el ancho mínimo del elemento usando porcentajes
Este ejemplo muestra cómo usar porcentajes para establecer el ancho mínimo del elemento.

Compatibilidad del navegador

La tabla de números indica la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 4.0