Índice

Anchura y altura de las cajas

Las propiedades de estilo width y height van a fijar, respectivamente, la anchura y la altura del elemento caja.

width:

auto

o bien valor de longitud

o bien porcentaje

height:

auto

o bien valor de longitud

o bien porcentaje

Comentarios

  • Los valores width y height especifican la anchura y la altura del contenido (sin márgenes interiores, sin bordes y sin márgenes exteriores).

  • El valor auto ajusta automáticamente la dimensión del contenido.

  • El valor de longitud especifica un valor fijo.

  • El porcentaje especifica un valor relativo.

Destacamos que en CSS 2 existen propiedades para determinar los tamaños mínimo y máximo de un elemento de tipo caja o un elemento reemplazado dinámicamente mediante JavaScript.

max-height:

min-height:

max-width:

min-width:

Fija la altura máxima

Fija la altura mínima

Fija la anchura máxima

Fija la anchura mínima

La propiedad max-height se utiliza generalmente de forma conjunta con la propiedad min-height para fijar un margen de maniobra en lo que respecta a la visualización de los elementos afectados. Este concepto también sirve para las propiedades max-width y min-width. Con la ayuda de estas propiedades CSS max-width y min-width, tendrá la posibilidad de controlar la anchura de su diseño de forma que se adapte a cualquier resolución de pantalla de los visitantes de su sitio web.

De este modo, si la anchura sobrepasa la anchura especificada por max-width, el navegador recalcula la anchura del elemento basándose ...