Formateur CSS en ligne
Collez votre CSS, puis mettez-le en forme avec une indentation lisible ou minifiez-le — entièrement dans votre navigateur.
Collez votre CSS
Résultat
La mise en forme se déroule entièrement dans votre navigateur — votre CSS n'atteint jamais nos serveurs.
Les blocs @media et @supports sont mis en forme de manière récursive, avec un niveau d'indentation supplémentaire à chaque fois.
Aucun compte n'est nécessaire, et il n'y a aucune limite au nombre de fois où vous pouvez l'utiliser.
Qu'est-ce qu'un formateur CSS ?
Un formateur CSS prend du CSS minifié ou désordonné et le reformate avec une indentation cohérente et une déclaration par ligne, le rendant lisible — utile lors de l'inspection d'une feuille de style, du nettoyage d'un export CMS ou du débogage d'une sortie de build. Cet outil minifie également, donc la même page couvre les deux tâches associées.
Comment formater du CSS en ligne
- Collez ou téléversez votre CSS. Collez directement dans l'éditeur, ou cliquez sur « Téléverser un fichier » pour charger le contenu d'un fichier .css.
- Choisissez un mode. Formater pour une indentation lisible, ou Minifier pour supprimer les commentaires et les espaces.
- Cliquez sur le bouton d'action. Le résultat apparaît ci-dessous.
- Copiez ou téléchargez. Copiez le résultat dans votre presse-papiers, ou téléchargez-le sous forme de fichier .css.
Questions fréquentes
Que fait le formateur CSS ?
Il reformate le CSS avec une indentation cohérente, une déclaration par ligne et un espacement normalisé après les deux-points — utile pour une feuille de style minifiée, un export CMS, ou du CSS arrivé sous forme d'une seule ligne illisible.
Gère-t-il les blocs @media et @supports imbriqués ?
Oui — les blocs de règles imbriquées sont indentés d'un niveau supplémentaire par rapport aux règles qui les entourent, de manière récursive, de sorte qu'un bloc @media contenant plusieurs sélecteurs se formate proprement.
Puis-je minifier du CSS ?
Oui. Passez en mode Minifier pour supprimer les commentaires et les espaces inutiles, produisant la version la plus compacte de votre CSS pour la production.
La minification casse-t-elle le contenu entre guillemets, comme content: "a: b;" ?
Non — les valeurs de chaîne entre guillemets (dans les propriétés content, les références url(), etc.) sont protégées avant la minification et restaurées intactes ensuite, donc les points-virgules ou deux-points à l'intérieur d'une chaîne ne sont jamais altérés.
Mon CSS est-il téléversé quelque part ?
Non. Cet outil fonctionne entièrement dans votre navigateur — votre feuille de style n'est jamais envoyée aux serveurs de CurePDF.
Le formateur CSS est-il gratuit ?
Oui, aucun compte n'est nécessaire, et il n'y a aucune limite au nombre de fois où vous pouvez l'utiliser.