CSS:max-width

De MDC

« Referencia CSS

[editar] Sumario

La propiedad max-width se usa para establecer el ancho máximo de un elemento. Evita que los valores usados por la propiedad width sean mayores que el valor especificado por max-width.

• Valor inicial: none
• Aplicable a: elementos de tipo bloque.
• Heredable: no
• Porcentajes: se refieren al ancho del bloque contenedor.
• Media: visual
• Valor calculado:

[editar] Sintaxis

max-width: <length> | <porcentage> | none | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

[editar] Valores

• none : la propiedad width no tiene valor máximo.
• length : puede expresarse en px, cm, in
• porcentage : expresado con "%" como un porcentage del ancho del bloque 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 bloque contenedor menos margin, border, y padding Nuevo en Firefox 3
• -moz-fit-content : lo mismo que -moz-max-content Nuevo en Firefox 3

[editar] Ejemplos

Ver ejemplos en acción

table{max-width: 75%;}

form{max-width: none;}

[editar] Notas

max-width tiene preferencia sobre width, pero min-width tiene preferencia sobre max-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, max-height, -moz-box-sizing, width, min-width