Propriedade max-height do CSS

Definição e uso

A propriedade max-height define a altura máxima do elemento.

Explicação

Este valor de propriedade define um limite máximo para a altura do elemento. Portanto, o elemento pode ser mais baixo que o especificado, mas não mais alto. Não é permitido especificar valores negativos.

Notas:A propriedade max-height não inclui margem, borda e preenchimento externo.

Veja também:

Tutorial de CSS:Tamanhos do CSS

Tutorial de CSS:Propriedade min-height

Manual de referência do HTML DOM:Propriedade maxHeight

Exemplo

Definir a altura máxima do parágrafo:

p
  {
  max-height:100px;
  }

Experimente você mesmo

Sintaxe do CSS

max-height: none|length|initial|inherit;

Valor da propriedade

Valor Descrição
nenhuma Padrão. Define que não há restrição na altura máxima permitida do elemento.
length Define o valor da altura máxima do elemento.
% Define a altura máxima percentual com base no objeto bloco contido.
inherit Define que a propriedade max-height deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: nenhuma
Herança: não
Versão: CSS2
Sintaxe do JavaScript: object.style.maxHeight="50px"

TIY Exemplo

Definir a altura máxima do elemento
Este exemplo demonstra como definir a altura máxima de um elemento.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0