Validador de CSS con detección por línea
Pega una hoja de estilos y comprueba si cada declaración es válida para el navegador. El validador señala la línea, la propiedad y el valor problemáticos.
Espacio de trabajo · Validador de CSS
Se comprueba la sintaxis y si el navegador reconoce cada propiedad y valor con CSS.supports().
No se han detectado errores. Las propiedades experimentales pueden aparecer como no válidas si el navegador aún no las admite.
Cómo se usa
Pega el CSS completo o el fragmento que quieras revisar.
Lee la lista de problemas ordenada por línea.
Corrige las propiedades mal escritas y los valores que el navegador no admite; después vuelve a validar.
Ejemplos
Propiedad mal escrita
«colour: red» se marca como inválida porque la propiedad correcta en CSS es «color».
Llave sin cerrar
Si falta un «}», el validador indica cuántas llaves de cierre faltan al final del archivo.
Lo que conviene saber
La validación combina un análisis estructural de llaves y declaraciones con CSS.supports(), la misma API que usa el navegador para decidir si acepta una propiedad y un valor. Por eso el resultado depende del navegador con el que abres la página: una propiedad experimental puede aparecer como no válida si esa versión aún no la implementa.
El validador no sustituye a un linter de estilo ni comprueba accesibilidad, especificidad o compatibilidad entre navegadores. Para eso necesitas herramientas como Stylelint, Autoprefixer o los datos de Can I Use.
Preguntas frecuentes
Herramientas relacionadas
Otras herramientas que pueden servirte para tareas similares.
Formateador CSS
Embellece CSS con reglas, propiedades y llaves bien indentadas.
Validador de JavaScript
Detecta errores de sintaxis en tu código sin ejecutarlo, con línea y avisos útiles.
Generador de animaciones CSS
Elige una animación, ajusta duración y curva, y copia los keyframes con reduced-motion.