Altura - CSS-Tricks | CSS Almanac 2025

A heightpropriedade em CSS define especifica a altura do conteúdo das caixas e aceita qualquer um dos valores de comprimento.

A área de “conteúdo” é definida como o preenchimento e a borda, além da altura / largura ou tamanho que o próprio conteúdo ocupa.

Valores negativos como height: -100pxnão são aceitos. A heightpropriedade não se aplica a elementos embutidos não substituídos, incluindo colunas de tabela e grupos de colunas.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Confira esta Caneta!

Se a altura do bloco que o contém não for especificada explicitamente e o elemento não estiver absolutamente posicionado, o valor de sua altura será computado como automático (será tão alto quanto o conteúdo dentro dele ou zero se não houver conteúdo). Se a parte do conteúdo dos elementos requer mais espaço vertical do que o disponível no valor atribuído, o comportamento dos elementos é definido pela overflowpropriedade.

Ao usar a palavra-chave auto, heighté calculado com base na área de conteúdo dos elementos , a menos que seja explicitamente especificado. Isso significa que um valor baseado em uma porcentagem ainda é o da área de conteúdo dos elementos. Da mesma forma, se a altura do contêiner for definida como um valor de porcentagem, a altura de porcentagem de um elemento filho ainda será baseada na área de conteúdo desse elemento filho.

A altura também pode ser usada como uma propriedade animável.