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.

Consejo para Tener Ingresos Adicionales Salir de deudas, poder comprar algo que deseas, una invitación especial para alguien, salir de vacaciones, cambiar o comprar carro, comprar una casa, ...
Twitter trae nuevos emojis basados en Star Wars Twitter ha dado a conocer algunos nuevos emojis basados en Star Wars: The Force Awakens. La famosa red de microblogging ha indicado que estará lan...
Manual de OpenOffice en español y gratis! Writer,Calc,Impress,Draw, Math OpenOffice la suite de productividad multiplataforma está compuesta, entre otras, por herramientas como un procesador de textos (Writter), hoja de cá...
Facebook ,debuta en la bolsa con pérdida del 10.99% En el transcurso de la mañana Facebook había perdido poco más de 12% del valor de sus acciones pero era de esperarse que se recuperaran un poco. Co...
Automattic la Empresa de WordPress presenta WordAds, el AdSense de WordPress WordAds es un sistema de publicidad 100% opcional pensado para bloggers que deseen encontrar una nueva formula de ganar dinero mostrando anuncios de c...
Plugin jQuery para manejar mapas jQuery Geo es un proyecto open source que ofrece una racionalización de la API para mapas y acciones relacionadas con la geolocalización. Los mapas...
Google renueva de nuevo su algoritmo Google acaba de anunciar un nuevo cambio en su algoritmo que, según aseguran, afectará al 35% de los resultados. El objetivo es ofrecer más “frescura”...
Instagram lanza app que convierte fotos en videos El software permite la creación de pequeños videos, similares a un GIF. Para esto toma una serie de fotos que luego anima en un clip que, al reproduci...
Pinterest envía más tráfico a revistas y blogs que Twitter Pinterest es una red social que trabaja con unos tableros virtuales donde los usuarios pueden compartir fotos, textos y otros contenidos con el resto ...
Crean Baterías de arena de playa que duran 3 veces más Investigadores de ingeniería de la Universidad de California Riverside han creado una batería de iones de litio capaz de triplicar los estándares actu...
Anchura y altura
Tagged on: