Propiedad de altura mínima de CSS
Ejemplo
Establezca la altura mínima de un elemento <p> en 200 píxeles:
p.ex1
{
min-height: 200px;
}
Definición y uso
La min-height
propiedad define la altura mínima de un elemento.
Si el contenido es más pequeño que la altura mínima, se aplicará la altura mínima.
Si el contenido es mayor que la altura mínima, la
min-height
propiedad no tiene efecto.
Nota: Esto evita que el valor de la
propiedad de altura sea menor que
min-height
.
Valor por defecto: | 0 |
---|---|
Heredado: | No |
Animable: | si, ver propiedades individuales . Leer sobre animable |
Versión: | CSS2 |
Sintaxis de JavaScript: | objeto .style.minHeight="400px" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
min-height | 1.0 | 7.0 | 3.0 | 2.0.2 | 4.0 |
Sintaxis CSS
min-height: length|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
length | Default value is 0. Defines the minimum height in px, cm, etc. Read about length units | |
% | Defines the minimum height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Tutorial de CSS: altura y ancho de CSS
Referencia de CSS: propiedad de altura máxima
Referencia HTML DOM: propiedad minHeight