Las propiedades height y width se utilizan para ajustar la altura y la
anchura de un elemento. Ambas son unas propiedades muy sencillas de usar, las
cuales tienen cuatro posibles valores:
·
unidad de
medida
·
porcentaje
·
auto
·
inherit
En relación a porcentaje, recuerde que es medida relativa, con respecto
a su contenedor. Auto, es uno de los valores más usados indica que el navegador debe calcular
automáticamente la anchura del elemento, teniendo en cuenta sus contenidos y el
sitio disponible en la página. El valor inherit indica que la anchura del
elemento se hereda de su elemento padre.
En cualquier caso ninguno de estos valores puede ser negativo, además no
seria lógico.
Acuérdate que estas medidas no incluyen padding, bordes ni margin
Max-height Establece la altura máxima de un elemento
Max-width Ajusta el ancho máximo de un elemento
Min-height Establece la altura mínima de un elemento
Min-width Establece el ancho mínimo de un elemento
Estas ultimas cuatro propiedades pertenecen a las anteriores pero son medidas relativas dependiendo del ancho de la pantalla, por su puesto que si tenemos la propiedad posicion con el valor absolute, la propiedad anterior no funcionará-
Ejemplo:
Acuérdate que estas medidas no incluyen padding, bordes ni margin
Max-height Establece la altura máxima de un elemento
Max-width Ajusta el ancho máximo de un elemento
Min-height Establece la altura mínima de un elemento
Min-width Establece el ancho mínimo de un elemento
Estas ultimas cuatro propiedades pertenecen a las anteriores pero son medidas relativas dependiendo del ancho de la pantalla, por su puesto que si tenemos la propiedad posicion con el valor absolute, la propiedad anterior no funcionará-
Ejemplo:
