mozilla

max-width

Imagen:traduccion-pendiente.png Esta página está traduciéndose a partir del artículo CSS:max-width, razón por la cual puede haber algunos errores sintácticos o partes sin traducir. Puedes colaborar continuando con la traducción


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.

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

Compatibilidad entre navegadores

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

Ver también

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


Etiquetas y colaboradores del documento

Etiquetas: 
Contributors to this page: teoli, HenryGR, Mgjbot
Última actualización por: teoli,