La propiedad height se utiliza para establecer la altura de un elemento. La propiedad de altura no contiene relleno, margen ni borde del elemento.
Sintaxis:
height: auto|length|initial|inherit;
Valor por defecto:
- auto
Valores de propiedad:
- auto: se utiliza para establecer la propiedad de altura en su valor predeterminado. Si la propiedad de altura se establece en automático, el navegador calcula la altura del elemento.
Sintaxis:
height: auto;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS height Property
</title>
<style>
.Geeks {
height: auto;
color: white;
font-size: 30px;
background-color: green;
}
</style>
</head>
<body>
<h2>CSS height Property</h2>
<div class = "Geeks">
GeeksforGeeks: A computer science portal
</div>
</body>
</html>
Producción:
- longitud: se utiliza para establecer la altura del elemento en forma de px, cm, etc. La longitud no puede ser negativa.
Sintaxis:
height: length;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS height Property
</title>
<style>
.Geeks {
height: 100px;
color: white;
font-size: 30px;
background-color: green;
}
</style>
</head>
<body>
<h2>CSS height Property</h2>
<div class = "Geeks">
GeeksforGeeks: A computer science portal
</div>
</body>
</html>
Producción :
- initial: se utiliza para establecer la propiedad de altura en su valor predeterminado.
Sintaxis:
height: initial;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS height Property
</title>
<style>
.Geeks {
height: initial;
color: white;
font-size: 30px;
background-color: green;
}
</style>
</head>
<body>
<h2>CSS height Property</h2>
<div class = "Geeks">
GeeksforGeeks: A computer science portal
</div>
</body>
</html>
Producción:
- heredar: se utiliza para establecer la propiedad de altura de su elemento principal.
Navegadores compatibles: los navegadores compatibles con la propiedad de altura se enumeran a continuación:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Safari 1.0
- Ópera 7.0
Publicación traducida automáticamente
Artículo escrito por roshalmoraes y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA