CSS - min-height

Descrição

A propriedade min-height é usada para definir um limite inferior na altura de um elemento.

Valores possíveis

length- Qualquer unidade de comprimento. O elemento nunca pode ter um valor de altura inferior a esta distância.
percentage - Limita a altura do elemento a pelo menos esta porcentagem da altura do bloco que o contém.

Aplica-se a

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

Sintaxe DOM

object.style.minHeight = "50px"

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>

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

Isso produzirá o seguinte resultado -

↰ Previous page