max-width

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:

Sintaxis

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

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
• -moz-min-content : el ancho intrínseco mínimo
• -moz-available : el ancho del bloque contenedor menos margin, border, y padding
• -moz-fit-content : lo mismo que -moz-max-content

Ejemplos

Ver El Ejemplo Vivo

table{max-width: 75%;}

form{max-width: none;}

Notas

max-width tiene preferencia sobre width, pero min-width tiene preferencia sobre max-width.

Especificaciones

• CSS 2.1

Compatibilidad entre navegadores

Ver también

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