Propiedad de altura máxima de CSS
Ejemplo
Establezca la altura máxima de un elemento <p> en 50 píxeles:
p.ex1
{
max-height: 50px;
}
Definición y uso
La max-height
propiedad define la altura máxima de un elemento.
Si el contenido es más grande que la altura máxima, se desbordará. La propiedad de desbordamiento define cómo manejará el contenedor el contenido desbordado .
Si el contenido es más pequeño que la altura máxima, la
max-height
propiedad no tiene efecto.
Nota: Esto evita que el valor de la
propiedad de altura sea mayor que
max-height
. El valor de la
max-height
propiedad anula la propiedad de altura.
Valor por defecto: | ninguna |
---|---|
Heredado: | No |
Animable: | si, ver propiedades individuales . Leer sobre animable |
Versión: | CSS2 |
Sintaxis de JavaScript: | objeto .style.maxHeight="100px" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
Sintaxis CSS
max-height: none|length|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum 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 min-height
Referencia HTML DOM: propiedad maxHeight