CSS - max-height

Descrição

A propriedade max-height é usada para definir um limite superior na altura de um elemento.

Valores possíveis

length- Qualquer unidade de comprimento. O elemento nunca pode ter um valor de altura que exceda esta distância.
percentage - Limita a altura do elemento a no máximo essa porcentagem da altura do bloco que o contém.
none - Não há limite para a altura do elemento.

Aplica-se a

Todos os elementos HTML, exceto elementos embutidos não substituídos e elementos de tabela.

Sintaxe DOM

object.style.maxHeight = "50px"

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; max-height:10px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
      </p>
      
      <img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84" />
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page