Propriedade maxHeight do estilo

Definição e uso

maxHeight Define e retorna a altura máxima do elemento.

maxHeight A propriedade é válida apenas para elementos de bloco ou que possuam alinhamento absoluto ou fixo.

Notas:A altura do elemento nunca pode ser maior que maxHeight o valor definido pela propriedade.

Dica:Para definir ou retornar a altura mínima do elemento, use Propriedade minHeight

Veja também:

Tutorial do CSS:Dimensão do CSS

Manual de referência do CSS:Propriedade max-height

Exemplo

Exemplo 1

Definir a altura máxima do elemento <div>:

document.getElementById("myDIV").style.maxHeight = "15px";

Experimente você mesmo

Exemplo 2

Retornar a altura máxima do elemento <div>:

alert(document.getElementById("myDIV").style.maxHeight);

Experimente você mesmo

Sintaxe

Retornar a propriedade maxHeight:

object.style.maxHeight

Definir a propriedade maxHeight:

object.style.maxHeight = "none|length|%|initial|inherit"

Valor da propriedade

Valor Descrição
none A altura do elemento não tem limite. Padrão.
length Define a altura máxima usando unidades de comprimento.
% Define a altura máxima em função de cem por cento do elemento pai.
initial Defina essa propriedade como seu valor padrão. Veja initial
inherit Herda essa propriedade do elemento pai. Veja inherit

Detalhes técnicos

Valor padrão: Nenhum
Retorno: Stringo que representa a altura máxima do elemento.
Versão do CSS: CSS2

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte