Validateur CSS
Validez votre code CSS pour les erreurs de syntaxe
CSS d'entrée
Résultat de validation
Exemples de validation CSS
Le CSS valide a une syntaxe correcte ; le CSS invalide a des erreurs. Exemples :
CSS valide
CSS invalide – point-virgule manquant
La première règle manque un point-virgule après 1200px.
Collez l'un des exemples dans l'éditeur ci-dessus pour voir le résultat. Utilisez Exemple pour charger plus de données.
Qu'est-ce qu'un validateur CSS ?
Le CSS (Cascading Style Sheets) a des règles de syntaxe. Points-virgules manquants, accolades non fermées, noms de propriétés invalides ou sélecteurs mal formés causent des erreurs d'analyse. Un validateur CSS vérifie si votre feuille de styles est bien formée et signale les erreurs avec ligne et position. Les spécifications W3C CSS définissent le langage.
Cet outil analyse votre CSS et signale les erreurs de syntaxe. Il s'exécute entièrement dans votre navigateur. Rien n'est envoyé à un serveur. Pour formater le CSS valide, utilisez le Formateur CSS. Pour minifier, le Minificateur CSS.
Comment utiliser cet outil
Coller ou télécharger le CSS
Copiez votre CSS et collez-le dans l'éditeur de gauche. Vous pouvez aussi cliquer sur Télécharger pour charger un fichier .css. Le bouton Exemple charge des données d'exemple.
Vérifier le résultat de validation
Le panneau de droite affiche Valide ou Invalide. Si invalide, il liste les erreurs avec ligne et position. Problèmes courants : accolades non fermées, points-virgules manquants, valeurs de propriétés invalides ou media queries mal formées.
Corriger et revalider
Corrigez les erreurs dans l'entrée et revalidez. Pour formater, utilisez le Formateur CSS. Pour SCSS ou Less, compilez d'abord avec SCSS vers CSS ou Less vers CSS.
Erreurs CSS courantes
Les accolades } ou crochets ] non fermés sont fréquents. Les points-virgules manquants entre propriétés peuvent causer des erreurs d'analyse en cascade. Les noms ou valeurs de propriétés invalides (ex. fautes de frappe comme dispaly au lieu de display) cassent les règles. Les blocs @media ou @keyframes mal formés causent aussi des échecs. La spécification W3C CSS définit la syntaxe valide. Le Validateur W3C CSS offre une validation côté serveur.
Quand la validation CSS aide
Beaucoup de développeurs ont besoin de validation pour déboguer des styles qui ne s'appliquent pas, intégrer du CSS tiers ou avant de déployer en production. Une seule erreur de syntaxe peut casser toute une feuille de styles. Passer votre CSS ici détecte les problèmes avant qu'ils ne causent des soucis de mise en page ou de rendu. Les outils de build comme Vite ou Webpack ne signalent pas toujours clairement les erreurs CSS—valider ici donne des numéros de ligne précis.
C'est aussi utile avant de partager des styles avec l'équipe ou d'envoyer des pull requests. Pour la compatibilité navigateur après validation, utilisez le Préfixeur CSS. Pour formater le CSS valide, le Formateur CSS. Pour SCSS ou Less, compilez d'abord avec SCSS vers CSS ou Less vers CSS.
Questions fréquentes
Qu'est-ce qui rend le CSS invalide ?
Accolades ou crochets non fermés, points-virgules manquants, noms ou valeurs de propriétés invalides, sélecteurs mal formés ou erreurs de syntaxe dans @media ou @keyframes. Le validateur indique le problème.
Vérifie-t-il le support navigateur ?
Cet outil valide uniquement la syntaxe—si le CSS est bien formé. Il ne vérifie pas la compatibilité navigateur. Utilisez Can I Use pour cela.
Mes données sont-elles privées ?
Oui. La validation s'exécute entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.
Prend-il en charge SCSS ou Less ?
Cet outil valide le CSS brut. Pour SCSS ou Less, compilez d'abord avec SCSS vers CSS ou Less vers CSS, puis validez la sortie.
Et les préfixes vendor ?
Les propriétés avec préfixe vendor (ex. -webkit-, -moz-) sont valides. Le validateur les accepte. Pour ajouter des préfixes automatiquement, utilisez le Préfixeur CSS.
Outils connexes
Pour la spécification CSS : W3C CSS. MDN CSS est la référence. Validateur W3C CSS offre une validation côté serveur. Can I Use pour le support navigateur.