height | Css

 

Descripción

Mediante la propiedad height podemos especificar la altura de un elemento. Esta altura afecta al contenido del elemento.

Sintaxis

height : <length> | <percentage> | auto | inherit

Valores

  • percentage, define la altura como un porcentaje relativo al tamaño del bloque contenedor.
  • auto, el navegador calculará la altura de forma automática para el elemento.
  • length, define la altura como un valor de tamaño.
  • inherit, toma el valor de la altura del elemento padre.

Ejemplo

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tamaño de una imagen con CSS</title>
  <style type="text/css">
    img.pequeña{width: 50px; height: 50px;}
    img.mediana{width: 100px; height: 100px;}
    img.grande{width: 200px; height: 200px;}
  </style>
</head>
<body>
<h1>Tamaño de una imagen con CSS</h1>
<img class="pequeña" src="lineadecodigo.jpg"/>
<img class="mediana" src="lineadecodigo.jpg"/>
<img class="grande" src="lineadecodigo.jpg"/>
</body>
</html>

Artículos

Manual CSS

Aprende más sobre CSS consultando online o descargando nuestro manual.

Test CSS

¿Te atreves a probar tus habilidades y conocimiento en CSS con nuestro test?