Índice
Anterior
Siguiente
Versión Imprimible
Autores
Volver

6. Determinando el tamaño de los elementos

Existen determinadas propiedades para fijar el tamaño de un determinado elemento. Son las siguientes:

Ancho del contenido: propiedad width

Sintaxis: width: <valor>
Valores posibles: 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
Heredado: No

Los valores de esta propiedad tienen los siguientes significados:

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 propiedades.

Altura del contenido: propiedad height

Sintaxis: height: <valor>
Valores posibles: medida | porcentaje | auto | inherit
Valor inicial: auto
Se aplica a: Todos los elementos excepto los elementos de línea no reemplazados, las columnas de las tablas y los grupos de columnas
Heredado: No

Los valores de esta propiedad tienen los siguientes significados:

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 propiedades.

Alturas y anchuras mínimas y máximas.

También es posible determinar un valor mínimo o máximo que ocupará un determinado elemento. Esto se consigue usando las propiedades min-width, max-width, min-height y max-height. Los valores se pueden indicar de modo absoluto, indicando una medida, o relativo, indicando un porcentaje que será calculado respecto al bloque de contención.