¿Qué son las propiedades CSS width y height?

Las propiedades CSS width y height se usan para establecer el ancho y el alto de un elemento. Por defecto, estas propiedades se refieren al área de contenido del elemento, es decir, el espacio que ocupa el texto, las imágenes u otros elementos dentro del elemento. El área de contenido no incluye el padding (relleno), el border (borde) ni el margin (margen) del elemento.

La propiedad width establece el ancho de un elemento mediante un valor numérico (con su unidad) o un porcentaje (con respecto al elemento padre).

¿Qué son las propiedades CSS max-width y max-height?

Las propiedades CSS max-width y max-height se usan para establecer el ancho y el alto máximo de un elemento. Estas propiedades nos permiten limitar el tamaño de un elemento para que no supere cierto valor, incluso si le damos un ancho o un alto mayor con las propiedades width o height.

También podemos usar max-height para controlar la altura de un elemento que tenga contenido variable, como un menú desplegable o una caja de texto.

¿Qué son las propiedades CSS min-width y min-height?

Las propiedades CSS min-width y min-height se utilizan para establecer la anchura y la altura mínima de un elemento, respectivamente. Estas propiedades impiden que el elemento se reduzca a un ancho o alto menor que el valor especificado.

Las propiedades min-width y min-height establecen el tamaño mínimo de un elemento mediante un valor numérico (con su unidad) o un porcentaje (con respecto al elemento padre).