Validación HTML: CSS: "white-space": X no es un valor válido de "white-space".

Acerca de este problema HTML

La propiedad white-space es un shorthand que combina el comportamiento de white-space-collapse y text-wrap-mode. Cuando usas un valor que no coincide con ninguna de las palabras clave aceptadas — ya sea por un error tipográfico, un valor inventado, o un valor que pertenece a una propiedad CSS diferente — el validador W3C lo marca como inválido. Esto sucede comúnmente cuando los autores confunden valores de propiedades relacionadas (como usar break-spaces donde no está soportado en estilos inline que están siendo validados, o escribir mal nowrap como no-wrap).

Usar valores CSS inválidos significa que los navegadores ignorarán la declaración completamente, recurriendo al comportamiento por defecto (white-space: normal). Esto puede causar ajuste de texto inesperado o colapso de espacios en blanco que rompe tu diseño. Mantener tu CSS válido asegura un renderizado consistente entre navegadores y hace que tus hojas de estilo sean más fáciles de mantener y depurar.

Los valores aceptados para white-space son:

normal — Colapsa secuencias de espacios en blanco, ajusta el texto según sea necesario (por defecto).
nowrap — Colapsa espacios en blanco pero suprime saltos de línea; el texto no se ajustará.
pre — Preserva espacios en blanco y saltos de línea exactamente como están escritos, como el elemento <pre>.
pre-wrap — Preserva espacios en blanco y saltos de línea, pero también permite que el texto se ajuste cuando sea necesario.
pre-line — Colapsa secuencias de espacios en blanco en un solo espacio, pero preserva saltos de línea explícitos y permite el ajuste.
break-spaces — Similar a pre-wrap, pero los espacios finales y los espacios al final de las líneas no cuelgan y sí afectan el tamaño de la caja.

Además, CSS Text Level 4 introdujo combinaciones shorthand usando palabras clave white-space-collapse y text-wrap-mode, como collapse, preserve, wrap, y preserve nowrap. Sin embargo, el soporte para estas formas shorthand más nuevas varía, y los validadores o navegadores más antiguos pueden no reconocerlas.

Los valores CSS globales (inherit, initial, revert, revert-layer, unset) también son válidos.

Ejemplos

Incorrecto: valor inválido que desencadena el error

Un error común es usar no-wrap (con guión) en lugar del correcto nowrap:

<p style="white-space: no-wrap;">Este texto no debería ajustarse.</p>

Otro error común es usar un valor de una propiedad completamente diferente:

<p style="white-space: hidden;">Este texto tiene un valor white-space inválido.</p>

Correcto: usando valores válidos de `white-space`

<p style="white-space: nowrap;">Este texto no se ajustará a una nueva línea.</p>

<p style="white-space: pre-wrap;">Este texto preserva   espacios en blanco
y saltos de línea, pero también se ajusta cuando es necesario.</p>

<p style="white-space: pre-line;">Este colapsa   espacios extra
pero preserva saltos de línea explícitos.</p>

Correcto: usando la propiedad en un bloque `<style>`

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Ejemplo de white-space</title>
  <style>
    .no-wrap {
      white-space: nowrap;
    }
    .preserve {
      white-space: pre-wrap;
    }
  </style>
</head>
<body>
  <p class="no-wrap">Este párrafo largo permanecerá en una sola línea sin ajustarse.</p>
  <p class="preserve">Este preserva    múltiples espacios
y saltos de línea exactamente como están escritos.</p>
</body>
</html>

Si encuentras este error de validación, verifica dos veces tu valor de white-space por errores tipográficos y confirma que coincide con una de las palabras clave reconocidas listadas arriba.