Formateur CSS

Collez une feuille de style compressée et récupérez-la avec une règle par ligne et une indentation cohérente.

Utiliser cet outil

CODE EDITOR

CSS Formatter

Local processing · professional engine · your code is never sent

CSSinput.css

CSSformatted.cssPreview

Le scénario habituel

Vous devez comprendre pourquoi un élément s'affiche mal en production et tout ce dont vous disposez est un CSS servi sur une seule ligne de trente mille caractères. La réindentation en fait quelque chose de lisible, de cherchable et de comparable.

Il change la mise en forme, jamais la cascade

L'ordre des règles est conservé à l'identique, et en CSS c'est ce qui compte : spécificité et ordre d'apparition décident qui l'emporte. L'outil ne réordonne ni ne regroupe les sélecteurs, il déplace seulement espaces et sauts de ligne.

Une étape utile avant de comparer

Avant de confronter deux versions d'une feuille de style, formatez-les toutes les deux. Du CSS minifié face à du CSS indenté produit un diff totalement inexploitable même si le contenu est presque identique.

FOIRE AUX QUESTIONS

Ma feuille de style est-elle envoyée à un serveur ?

Non. Elle est traitée dans votre navigateur : vous pouvez formater le CSS d'un projet privé sans qu'il quitte votre poste.

Cela change-t-il le rendu de la page ?

Non. Seuls espaces, indentation et sauts de ligne changent ; cascade et spécificité restent identiques.

Gère-t-il SCSS ou LESS ?

Il vise le CSS standard. Avec une syntaxe de préprocesseur, la sortie peut être incorrecte.

Regroupe-t-il ou réordonne-t-il les sélecteurs ?

Non, délibérément : réordonner des règles CSS peut modifier le résultat visuel.