Medidas

Introducción

Continuando con los temas referidos al formato visual, en esta sección veremos las propiedades que permiten especificar una medida determinada para los elementos de la página (ancho y alto) y también sus medidas mínimas y máximas.

Volver

Ancho del contenido: 'width'

'width'
Valores:	<medida> \| <porcentaje> \| auto \| inherit
Valor inicial:	auto
Se aplica a:	todos los elementos, excepto los elementos de línea no reemplazados, las filas de las tablas y los grupos de filas
Se hereda?:	no
Porcentajes:	se refieren al ancho del bloque de contención

Esta propiedad especifica el ancho del contenido de las cajas generadas por elementos a nivel de bloque y elementos reemplazados (por ejemplo, IMG).

<medida>: Especifica un ancho fijo.
<porcentaje>: Especifica el ancho según un porcentaje. El porcentaje es calculado con respecto al ancho del bloque de contención de la caja.
auto: El ancho depende de los valores de otras propiedadess. Las reglas para determinar este valor pueden consultarse en la sección [ Computando anchos y márgenes ] de la Especificación CSS2.

Volver

Anchos mínimo y máximo: 'min-width' y 'max-width'

'min-width'

'min-width'
Valores:	<medida> \| <porcentaje> \| inherit
Valor inicial:	depende del navegador
Se aplica a:	todos los elementos, excepto los elementos de línea no reemplazados y las tablas
Se hereda?:	no
Porcentajes:	se refieren al ancho del bloque de contención

'max-width'

'max-width'
Valores:	<medida> \| <porcentaje> \| none \| inherit
Valor inicial:	none
Se aplica a:	todos los elementos, excepto los elementos de línea no reemplazados y las tablas
Se hereda?:	no
Porcentajes:	se refieren al ancho del bloque de contención

Estas dos propiedades permiten restringir el ancho de las cajas a cierto rango.

<medida>: Especifica un ancho mímimo o máximo fijo.
<porcentaje>: Especifica un porcentaje para determinar el valor. El porcentaje es calculado con respecto al ancho del bloque de contención de la caja.
none: No existe ninguna limitación en el ancho de la caja (sólo en 'max-width').

Volver

Altura del contenido: 'height'

'height'
Valores:	<medida> \| <porcentaje> \| auto \| inherit
Valor inicial:	auto
Se aplica a:	todos los elementos, excepto los elementos de línea no reemplazados, las columnas de la tabla y los grupos de columnas
Se hereda?:	no
Porcentajes:	ver el texto

Esta propiedad especifica la altura del contenido de las cajas generadas por elementos a nivel de bloque y elementos reemplazados (por ejemplo, IMG).

<medida>: Especifica una altura fija.
<porcentaje>: Especifica la altura según un porcentaje. El porcentaje es calculado con respecto a la altura del bloque de contención de la caja. Si la altura del bloque de contención no se especifica explícitamente (es decir, depende de la altura del contenido) el valor es interpretado como 'auto'.
auto: La altura depende de los valores de otras propiedadess. Las reglas para determinar este valor pueden consultarse en la sección [Computando alturas y márgenes ] de la Especificación CSS2.

Volver

Alturas mínima y máxima: 'min-height' y 'max-height'

'min-height'

'min-height'
Valores:	<medida> \| <porcentaje> \| inherit
Valor inicial:	0
Se aplica a:	todos los elementos, excepto los elementos de línea no reemplazados y las tablas
Se hereda?:	no
Porcentajes:	se refieren a la altura del bloque de contención

'max-height'

'max-height'
Valores:	<medida> \| <porcentaje> \| none \| inherit
Valor inicial:	none
Se aplica a:	todos los elementos, excepto los elementos de línea no reemplazados y las tablas
Se hereda?:	no
Porcentajes:	se refieren al ancho del bloque de contención

Estas dos propiedades permiten restringir la altura de las cajas a cierto rango.

<medida>: Especifica una altura mímima o máxima fija.
<porcentaje>: Especifica un porcentaje para determinar el valor. El porcentaje es calculado con respecto a la altura del bloque de contención de la caja. Si la altura del bloque de contención no se especifica explícitamente (es decir, depende de la altura del contenido) el valor es interpretado como 'auto'.
none: No existe ninguna limitación en el ancho de la caja (sólo en 'max-height').

Volver

4.2 Medidas
	Anterior		Siguiente