Verificação HTML: CSS: "padding": "none" não é um valor de "padding".

Sobre este problema de CSS

A propriedade abreviada padding define a área de padding nos quatro lados de um elemento. Aceita de um a quatro valores, cada um dos quais deve ser um <length> (por exemplo, 10px, 1em), uma <percentage>, ou 0. Ao contrário de algumas outras propriedades CSS como border, outline, ou max-width, a propriedade padding não tem a palavra-chave none na sua sintaxe de valores.

Este é um erro comum porque várias propriedades CSS aceitam none — por exemplo, border: none, text-decoration: none, e display: none. É natural assumir que padding: none funcionaria da mesma forma, mas a especificação CSS simplesmente não o define para padding. Quando um navegador encontra um valor inválido, ignora completamente a declaração, o que significa que o seu estilo pretendido não será aplicado e o elemento pode manter o seu padding padrão ou herdado. Isto pode levar a problemas de layout inesperados que são difíceis de depurar.

A mesma regra aplica-se à propriedade margin — margin: none também é inválido. Use margin: 0 em vez disso.

Como corrigir

Substitua none por 0. Não precisa de incluir uma unidade quando o valor é zero, portanto padding: 0 é perfeitamente válido e é a forma idiomática de expressar “sem padding”. Também pode usar 0 para propriedades individuais de padding como padding-top, padding-right, padding-bottom, e padding-left.

Se quiser apenas remover padding em lados específicos, direcione esses lados individualmente em vez de usar a abreviação.

Exemplos

❌ Incorreto: usar `none` com `padding`

.card {
  padding: none;
}

O validador reportará: CSS: “padding”: “none” não é um valor de “padding”. O navegador ignorará esta declaração.

✅ Correto: usar `0` para remover padding

.card {
  padding: 0;
}

✅ Correto: remover padding em lados específicos

.card {
  padding-top: 0;
  padding-bottom: 0;
}

❌ Incorreto: usar `none` em estilos inline

<div style="padding: none;">Content</div>

✅ Correto: usar `0` em estilos inline

<div style="padding: 0;">Content</div>

✅ Correto: usar valores de padding válidos

/* Valor único — aplica-se aos quatro lados */
.card {
  padding: 16px;
}

/* Dois valores — vertical | horizontal */
.card {
  padding: 10px 20px;
}

/* Quatro valores — superior | direito | inferior | esquerdo */
.card {
  padding: 10px 20px 15px 5px;
}

/* Zero em cima/baixo, 1em à esquerda/direita */
.card {
  padding: 0 1em;
}