Anchura

La propiedad CSS que controla la anchura de los elementos se denomina width.

width Anchura
Valores <medida> | <porcentaje> | auto | inherit
Se aplica a Todos los elementos, salvo los elementos en línea que no sean imágenes, las filas de tabla y los grupos de filas de tabla
Valor inicial auto
Descripción Establece la anchura de un elemento

La propiedad width no admite valores negativos y los valores en porcentaje se calculan a partir de la anchura de su elemento padre. El valor inherit indica que la anchura del elemento se hereda de su elemento padre. El valor auto, que es el que se utiliza si no se establece de forma explícita un valor a esta propiedad, 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 siguiente ejemplo establece el valor de la anchura del elemento <div> lateral:

#lateral { width: 200px; }
 
<div id="lateral">
  ...
</div>

CSS define otras dos propiedades relacionadas con la anchura de los elementos: min-width y max-width, que se verán más adelante.

Altura

La propiedad CSS que controla la altura de los elementos se denomina height.

height Altura
Valores <medida> | <porcentaje> | auto | inherit
Se aplica a Todos los elementos, salvo los elementos en línea que no sean imágenes, las columnas de tabla y los grupos de columnas de tabla
Valor inicial auto
Descripción Establece la altura de un elemento

Al igual que sucede con width, la propiedad height no admite valores negativos. Si se indica un porcentaje, se toma como referencia la altura del elemento padre. Si el elemento padre no tiene una altura definida explícitamente, se asigna el valor auto a la altura.

El valor inherit indica que la altura del elemento se hereda de su elemento padre. El valor auto, que es el que se utiliza si no se establece de forma explícita un valor a esta propiedad, indica que el navegador debe calcular automáticamente la altura del elemento, teniendo en cuenta sus contenidos y el sitio disponible en la página.

El siguiente ejemplo establece el valor de la altura del elemento <div> de cabecera:

#cabecera { height: 60px; }
 
<div id="cabecera">
  ...
</div>

CSS define otras dos propiedades relacionadas con la altura de los elementos: min-height y max-height, que se verán más adelante.

Twitter lanza nueva característica “Moments” permitirá destacar los principales temas en discusión, incluso si el usuario no sigue a determinados tuiteros. Puede ser encontrada pulsando...
Como crear un RSS El formato RSS está basado en XML, por lo que para cualquiera de las tres especificaciones existentes sería recomendable tener unas nociones básicas d...
Product Images In Orders Page (VQMod) Opencart Module This Mod Requires VQMod To Work This modification displays products images on the order view/edit page. Features: Upload and go Does not ove...
Como es el Modelo de Negocios de las Empresas StartUp? En general, las startup no son compañías orientadas al servicio, sino que se centran en crear un producto, para asociarlo quizás a las grandes compañí...
Actualización Ambar llega a los Windows Phone de Nokia Si tienes un Nokia Lumia con sistema operativo Windows Phone 8 (WP8), seguramente recibirás la actualización llamada: Ambar, en cualquier momento. ...
Historia: La evolución de la Programación con gráfico cronológico incluido Los lenguajes de programación que los desarrolladores utilizan para crear las aplicaciones que ahora encontramos comunes evolucionan más rápido que nu...
Aardvark, analiza la estructura de una página web Aardvark es un complemento para el navegador Firefox con el que lograremos se resalten los elementos HTML de la página y su id, a medida que pasamos...
Microsoft y la rentabilidad de Skype Fue sin duda la gran sorpresa de la primera mitad de 2011. Sin apenas rumores detrás, Microsoft anunció la compra de Skype por casi 6.000 millones...
mysql real escape string mysql_real_escape_string — Escapa caracteres especiales de una cadena para su uso en una sentencia SQL Descripción string mysql_real_escape_string ...
AT&T compra T-Mobile AT&T se convertirá en la compañía más grande de telefonía celular en EE.UU. invitando al escrutinio de reguladores y reacciones encontradas por ...