La propiedad min-height en CSS se usa para establecer la altura mínima de un elemento. La propiedad min-height se utiliza cuando el contenido del elemento es menor que min-height y si el contenido es mayor que min-height, entonces no tiene efecto. Esta propiedad garantiza que el valor de la propiedad de altura no sea menor que el valor de altura mínima especificado del elemento en consideración.
Sintaxis:
min-height: length|initial|inherit;
El valor de la propiedad:
- length: esta propiedad se utiliza para establecer la altura mínima. El valor predeterminado de la longitud es 0. La altura se puede establecer en forma de px, %, cm, etc.
Sintaxis:
min-height: length;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
min-height property
</title>
<style>
p {
min-height:10px;
border:1px solid black;
}
</style>
</head>
<body>
<p>
Prepare for the Recruitment drive of product
based companies like Microsoft, Amazon, Adobe
etc with a free online placement preparation
course. The course focuses on various MCQ's
& Coding question likely to be asked in the
interviews & make your upcoming placement
season efficient and successful.
</p>
</body>
</html>
Producción:
- initial: se utiliza para establecer el valor de la propiedad min-height en su valor predeterminado.
Sintaxis:
min-height: initial;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
min-height property
</title>
<style>
p {
min-height:initial;
border:1px solid black;
}
</style>
</head>
<body>
<p>
Prepare for the Recruitment drive of product
based companies like Microsoft, Amazon, Adobe
etc with a free online placement preparation
course. The course focuses on various MCQ's
& Coding question likely to be asked in the
interviews & make your upcoming placement
season efficient and successful.
</p>
</body>
</html>
Producción:
- heredar: esta propiedad se hereda de su padre.
Navegadores compatibles: los navegadores compatibles con la propiedad min-height se enumeran a continuación:
- Google Chrome 1.0
- Borde 12.0
- Internet Explorer 7.0
- Firefox 3.0
- Safari 1.3
- Ópera 4.0
Publicación traducida automáticamente
Artículo escrito por EnaMotwani y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA