Has visto el borde que rodea cada cuadro, es decir. elemento, el relleno que puede aparecer dentro de cada cuadro y el margen que puede rodearlos. En este tutorial aprenderemos cómo podemos cambiar las dimensiones de las cajas.
Tenemos las siguientes propiedades que le permiten controlar las dimensiones de una caja.
- La propiedad height se utiliza para establecer la altura de un cuadro.
- La propiedad width se utiliza para establecer el ancho de un cuadro.
- La propiedad line-height se utiliza para establecer la altura de una línea de texto.
- La propiedad max-height se usa para establecer la altura máxima que puede tener una caja.
- La propiedad min-height se utiliza para establecer la altura mínima que puede tener una caja.
- La propiedad max-width se usa para establecer el ancho máximo que puede tener una caja.
- La propiedad min-width se usa para establecer el ancho mínimo que puede tener una caja.
Las propiedades de alto y ancho
Las propiedades de alto y ancho le permiten establecer el alto y el ancho de las cajas. Pueden tomar valores de una longitud, un porcentaje o la palabra clave auto.
La propiedad de altura de línea
La propiedad line-height le permite aumentar el espacio entre líneas de texto. El valor de la propiedad line-height puede ser un número, una longitud o un porcentaje.
La propiedad max-height
La propiedad max-height le permite especificar la altura máxima de un cuadro. El valor de la propiedad max-height puede ser un número, una longitud o un porcentaje.
NOTA: esta propiedad no funciona ni en Netscape 7 ni en IE 6.
La propiedad min-height
La propiedad min-height le permite especificar la altura mínima de un cuadro. El valor de la propiedad min-height puede ser un número, una longitud o un porcentaje.
NOTA: esta propiedad no funciona ni en Netscape 7 ni en IE 6.
La propiedad max-width
La propiedad max-width le permite especificar el ancho máximo de un cuadro. El valor de la propiedad max-width puede ser un número, una longitud o un porcentaje.
NOTA: esta propiedad no funciona ni en Netscape 7 ni en IE 6.
La propiedad min-width
La propiedad min-width le permite especificar el ancho mínimo de un cuadro. El valor de la propiedad min-width puede ser un número, una longitud o un porcentaje.
NOTA: esta propiedad no funciona ni en Netscape 7 ni en IE 6.