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>
