CSS:min-width

De MDC

« Referencia CSS

[editar] Sumario

La propiedad min-width se usa para determinar la anchura mínima de un elemento. Previene que la propiedad width pueda ser inferior que min-width.

• Valor inicial: 0
• Aplicable a: elementos de tipo bloque.
• Heredable: no
• Porcentajes: se refieren a la anchura del bloque contenedor.
• Media: visual
• Valor calculado:

[editar] Sintaxis

min-width: <longitud> | <porcentaje> | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

[editar] Valores

• length : puede ser expresado en px, cm, in
• percentage : expresado con "%" es un porcentaje del ancho del elemento contenedor.
• -moz-max-content : el ancho intrínseco preferido Nuevo en Firefox 3
• -moz-min-content : el ancho intrínseco mínimo Nuevo en Firefox 3
• -moz-available : el ancho del contenedor menos el margen horizontal, borde y padding Nuevo en Firefox 3
• -moz-fit-content : igual que -moz-min-content Nuevo en Firefox 3

[editar] Ejemplos

Ver ejemplos en acción

table{min-width: 75%;}

form{min-width: 0;}

[editar] Notas

min-width sobrescribe los valores de max-width y width.

[editar] Especificaciones

• CSS 2.1

[editar] Compatibilidad entre navegadores

Navegador	Versión mínima
Internet Explorer	6
Netscape	6
Opera	3.5

[editar] Ver también

box model, min-height, -moz-box-sizing, width, max-width