CSS: propiedad de altura

Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.

CSS: propiedad de altura

Este tutorial de CSS explica cómo usar una propiedad de CSS llamada alto Con sintaxis y ejemplos.

describir

La propiedad de altura de CSS define la altura del área de contenido de un elemento.

sintaxis

La sintaxis de la propiedad CSS de altura es:

height: value;

parámetro o parámetro

valor

La altura del área de contenido del elemento. Puede ser uno de los siguientes:

valor describir
estable Un valor fijo en píxeles, em, etc.
div {altura: 50px; }
div {altura: 30em; }
porcentaje valor porcentual
div {altura: 100%;}
carro El navegador calculará la altura del elemento.
div {altura: auto;}
heredar El elemento heredará la altura de su elemento principal
div {altura: heredar; }

notas

  • El área de contenido de un elemento está dentro del relleno, los bordes y los márgenes del elemento.
  • La propiedad de altura CSS funciona en elementos reemplazados y a nivel de bloque.
  • Cuando el valor se proporciona como un porcentaje, es relativo a la altura del bloque contenedor.
  • Véase también ancho, alto máximo, ancho máximo, alto mínimo, ancho mínimo.

Compatibilidad del navegador

La propiedad de altura CSS tiene soporte básico para los siguientes navegadores:

  • Aleación de cromo
  • androide
  • Firefox (Geco)
  • Firefox móvil (Geco)
  • Navegador de Internet (IE)
  • es decir, móvil
  • ópera
  • Ópera Móvil
  • Safari (WebKit)
  • Safari para móvil

ejemplo

Discutiremos la propiedad de altura a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.

usar valor fijo

Veamos un ejemplo de altura de CSS en el que proporcionamos una altura fija en píxeles.

div { height: 90px; }

En este ejemplo de altura de CSS, vamos a

La altura de la etiqueta se establece en 90 píxeles.

También podemos representar la altura como un valor fijo en em.

div { height: 40em; }

En este ejemplo de altura de CSS, vamos a

La altura de la etiqueta se establece en 40em.

porcentaje de uso

Veamos un ejemplo de altura de CSS donde proporcionamos la altura como un porcentaje.

div { height: 95% }

En este ejemplo de altura de CSS, vamos a

La altura se establece en 95%.

uso automático

Veamos un ejemplo de altura de CSS donde usamos auto como el valor de altura.

div { height: auto; }

En este ejemplo de altura de CSS, el navegador calculará

la altura de.

(Visited 7 times, 1 visits today)