Verificação HTML: CSS: "line-height": X não é um valor "line-height".

Sobre este problema HTML

A propriedade CSS line-height controla o espaçamento entre linhas de texto dentro de um elemento. Quando o validador reporta que um valor “não é um valor line-height“, significa que o valor fornecido não corresponde a nenhum dos formatos aceites definidos na especificação CSS.

Erros comuns que desencadeiam este erro incluem:

Palavras-chave mal escritas — escrever norml ou Normal em vez de normal (as palavras-chave CSS são case-insensitive nos navegadores, mas alguns validadores podem sinalizar inconsistências; o problema real são os erros ortográficos).
Unidades inválidas ou em falta — usar uma unidade que a especificação não suporta (por exemplo, line-height: 1.5x;) ou acidentalmente adicionar uma unidade ao que deveria ser um valor sem unidade (por exemplo, confundir 1.5 com 1.5 em com espaço).
Números malformados — erros tipográficos como 1..5 ou 24ppx.
Usar palavras-chave não suportadas — valores como auto, thin ou large não são válidos para line-height.
Valores negativos — line-height não aceita números negativos.

Isto é importante para a conformidade com padrões e renderização previsível. Embora os navegadores possam silenciosamente ignorar um valor line-height inválido e reverter para um padrão, isto significa que o seu estilo pretendido não será aplicado — potencialmente causando sobreposição de texto, má legibilidade ou layouts inconsistentes entre navegadores. Corrigir erros de validação garante que os seus estilos funcionam como pretendido em todo o lado.

Valores `line-height` válidos

Formato	Exemplo	Descrição
Palavra-chave	`normal`	Padrão do navegador (normalmente cerca de 1.2)
Número sem unidade	`1.5`	Multiplicado pelo tamanho da fonte do elemento — recomendado
Comprimento	`24px`, `1.5em`, `2rem`	Um comprimento absoluto ou relativo
Percentagem	`150%`	Relativo ao tamanho da fonte do elemento

O formato de número sem unidade é geralmente preferido porque escala adequadamente com tamanhos de fonte herdados, evitando resultados inesperados em elementos aninhados.

Exemplos

❌ Incorreto: valores inválidos que desencadeiam o erro

<!-- Palavra-chave mal escrita -->

<p style="line-height: norml;">Texto com um line-height inválido.</p>

<!-- Unidade inválida -->

<p style="line-height: 1.5x;">Texto com uma unidade não reconhecida.</p>

<!-- Número malformado -->

<p style="line-height: 1..5;">Texto com um erro tipográfico no número.</p>

<!-- Palavra-chave não suportada -->

<p style="line-height: auto;">Auto não é válido para line-height.</p>

<!-- Valor negativo -->

<p style="line-height: -1.5;">Valores negativos não são permitidos.</p>

✅ Correto: valores `line-height` válidos

<!-- Palavra-chave -->

<p style="line-height: normal;">Altura de linha padrão do navegador.</p>

<!-- Número sem unidade (recomendado) -->

<p style="line-height: 1.5;">1.5 vezes o tamanho da fonte.</p>

<!-- Comprimento com px -->

<p style="line-height: 24px;">Altura de linha fixa de 24px.</p>

<!-- Comprimento com em -->

<p style="line-height: 1.5em;">Altura de linha de 1.5em.</p>

<!-- Percentagem -->

<p style="line-height: 150%;">150% do tamanho da fonte.</p>

Exemplo de documento completo

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Valid line-height Example</title>
</head>
<body>
  <h1 style="line-height: 1.2;">Um título com espaçamento apertado</h1>
  <p style="line-height: 1.6;">Este parágrafo usa um line-height sem unidade de 1.6,
    que é uma escolha comum para legibilidade de texto de corpo. Escala corretamente mesmo
    se elementos filhos tiverem tamanhos de fonte diferentes.</p>
</body>
</html>

Dica: sem unidade vs. percentagem/comprimento

Um line-height sem unidade e um line-height com percentagem podem parecer equivalentes, mas comportam-se diferentemente com estilos herdados. Um valor sem unidade é recalculado para cada elemento filho baseado no seu próprio tamanho de fonte, enquanto uma percentagem ou comprimento é computado uma vez no elemento pai e esse valor fixo é herdado. Para a maioria dos casos, números sem unidade são a escolha mais segura.