►Esta propiedad limita la anchura máxima de los elementos de bloque, evitando que el valor de la propiedad width se convierta en más grande que max-width.

Valores

Uno y sólo uno de los siguientes valores:

• initial = medida (en %)
• length = porcentaje (en px, cm, etc.)
• none * valor inicial por defecto, se utiliza para no limitar el ancho máximo de un elemento.
• inherit *se utiliza para forzar a que se produzca la herencia automática.

Ejemplo:
Si se utilizan porcentajes, hace referencia a la anchura del elemento en el que se encuentra.

Se aplica a Todos los elementos, salvo los elementos en línea que no sean imágenes, las filas de tabla y los grupos de filas de tabla.

Los valores negativos para 'min-width' y 'max-width' son ilegales.

✔ Nota: En ocasiones, puede ser útil no establecer de forma explícita la anchura de los elementos pero sí fijar una anchura máxima porque hay valores que se heredan del elemento raíz.