La min-height
propiedad en CSS se usa para establecer la altura mínima de un elemento especificado. La min-height
propiedad siempre anula tanto height
y max-height
. Los autores pueden utilizar cualquiera de los valores de longitud siempre que sean positivos.
.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )
Si alguno de los valores es mayor ( height
> min-height
o viceversa), el valor mayor será el que se represente. La min-height
propiedad se aplicará a todos los elementos, excepto a los elementos en línea no reemplazados, las columnas de la tabla y los grupos de columnas (es decir colgroup
, col
).
Soporte de navegador
ES DECIR | Borde | Firefox | Cromo | Safari | Ópera |
---|---|---|---|---|---|
Todos | Todos | Todos | Todos | Todos | Todos |
Android Chrome | Android Firefox | Navegador de Android | Safari de iOS | Opera Mobile |
---|---|---|---|---|
Todos | Todos | Todos | Todos | 59+ |
Propiedades relacionadas
Almanaque el 15 de enero de 2021altura
.element ( height: 500px; )
Sara Cope