CSS - Altura

Descrição

A altura define a altura da área de conteúdo de um elemento.

Valores possíveis

  • length- Qualquer unidade de comprimento. Valores de comprimento negativos não são permitidos para esta propriedade.

  • percentage - A altura é calculada em relação à altura do bloco que contém o elemento, assumindo que a altura do bloco que contém foi explicitamente definida.

  • auto- Padrão. O navegador calcula a altura real.

Aplica-se a

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

Sintaxe DOM

object.style.height = "100px";

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; height:100px;border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400pixels wide and 100 pixels high
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -