Collez votre CSS cassé ici et cliquez sur "Réparer CSS !!" pour le corrigerEntrez du CSS invalide

Qu'est-ce que le Correcteur CSS ?

Le CSS échoue en silence. Vous oubliez un point-virgule après color: #222, vous tapez txt-align au lieu de text-align, vous laissez une { de trop devant #cart-summary, ou vous ne fermez pas la chaîne dans content: "Total — le navigateur ne lance pas d'erreur, il ignore juste la règle. Le correcteur attrape ces cassures et vous rend du CSS qui parse vraiment. Il accepte les vrais sélecteurs comme .order-row ou #cart-summary, pas seulement des exemples jouets.

La spécification CSS est maintenue par le W3C CSS Working Group, avec des brouillons actifs sur drafts.csswg.org ; MDN CSS reste la référence du quotidien sur ce que fait chaque propriété. Une fois le CSS corrigé, passez la sortie dans un validateur CSS pour confirmer, et consultez caniuse.com pour le support par navigateur.

Le traitement se passe côté serveur et nous ne persistons pas l'entrée. Réparez les règles, recollez-les dans votre feuille de style, expédiez.

Comment Utiliser le Correcteur CSS

Trois étapes. Chacune utilise les vrais boutons de cette page.

Coller du CSS Cassé ou Charger un Exemple

Déposez votre CSS cassé dans l'éditeur de gauche. Cliquez sur CSS d'Exemple pour charger une règle cassée exprès avec les erreurs les plus courantes. Exemple de ce que le correcteur répare :

.order-row {
  color: #222
  padding 12px;
}

Il répare les points-virgules manquants, les {} non équilibrés, les deux-points manquants entre propriété et valeur, les chaînes non fermées et les fautes de frappe évidentes dans les noms de propriétés comme txt-align.

Cliquez sur Réparer CSS !!

Cliquez sur le bouton vert Réparer CSS !!. Le correcteur analyse votre entrée, identifie les problèmes de syntaxe et écrit la version réparée dans le panneau de droite. Un indicateur de chargement apparaît pendant le travail.

Examinez la Sortie Réparée

Le panneau de droite affiche le CSS réparé. Les valeurs des propriétés ne sont pas touchées — seule la syntaxe autour est corrigée. Recollez la sortie dans votre feuille de style.

Quand Vous Utiliseriez Vraiment Ceci

Nettoyer des Feuilles de Style Anciennes

Les vieilles feuilles accumulent de petites cassures de syntaxe — le genre que votre éditeur ne vous a jamais signalé parce que la règle au-dessus et en dessous parsait quand même. Faites passer le fichier par le correcteur pour trouver ce que votre linter a raté.

CSS issu de CMS ou WYSIWYG

Les éditeurs de thème des CMS et les exports WYSIWYG adorent émettre une accolade de fermeture en trop. Le correcteur normalise ça sans que vous ayez à chasser la <code>}</code> excédentaire.

Validation Avant Build

Passez le CSS cassé par le correcteur avant qu'il n'atteigne PostCSS, Sass ou votre bundler — les erreurs du transpileur deviennent beaucoup moins cryptiques quand l'entrée est du CSS valide au départ.

Réparer des Snippets Générés par IA

Le CSS généré par LLM saute souvent un ou deux points-virgules. Faites passer la sortie du modèle par le correcteur et vous obtenez du CSS qui s'applique vraiment dans le navigateur au lieu d'échouer en silence.

Questions Fréquentes

Mes données CSS sont-elles stockées ?

Non. La réparation tourne sur le serveur mais nous ne persistons pas l'entrée. Une fois la réponse renvoyée à votre navigateur, elle disparaît de chez nous.

Quels types d'erreurs répare-t-il ?

Points-virgules manquants, accolades non équilibrées, deux-points manquants entre propriété et valeur, chaînes non fermées et fautes de frappe évidentes dans les noms de propriétés — les soucis du quotidien. Il ne réécrit pas votre design, il corrige seulement la syntaxe.

Modifie-t-il les valeurs de mes propriétés ?

Seulement quand c'est nécessaire pour la syntaxe (par exemple, corriger txt-align en text-align). Les valeurs numériques, les couleurs et les chaînes restent telles que vous les avez écrites.

Gère-t-il <code>@media</code> et <code>@keyframes</code> ?

Oui — le correcteur traite les blocs dans les at-rules (@media, @keyframes, @supports) comme les blocs de règle de niveau supérieur. Les accolades ou points-virgules manquants à l'intérieur sont aussi réparés.

Comment confirmer que le CSS réparé est valide ?

Faites passer la sortie par un validateur CSS après la réparation. Vous pouvez aussi combiner le correcteur avec notre Validateur CSS pour une seconde passe rapide.

Fonctionne-t-il avec SCSS ou LESS ?

Le correcteur cible le CSS pur. Pour la syntaxe préprocesseur (variables, imbrication, mixins), compilez d'abord en CSS avec SCSS vers CSS ou LESS vers CSS, puis passez le correcteur si nécessaire.

Autres Outils CSS

Réparer n'est qu'une étape. Voici les autres outils CSS qui s'enchaînent bien :