Embellisseur CSS

Reformate du CSS minifié ou désordonné en règles propres et bien indentées — ou reminifie-le.

L'outil interactif a besoin de JavaScript pour fonctionner. Tout le reste de cette page — son fonctionnement, un exemple chiffré et les réponses aux questions courantes — se trouve plus bas et n'a besoin de rien.

Outils similaires

Tous les outils : JSON, XML & formats →

Embellisseur HTMLTransforme du HTML minifié ou emmêlé en balisage lisible et bien indenté — ou minifie-le.Minifieur / embellisseur JavaScriptMinifie ou embellis du JavaScript dans ton navigateur, avec un tokenizer qui respecte chaînes, regex et commentaires.Minificateur CSSRéduis du CSS en supprimant les commentaires et les espaces inutiles.Générateur d'ombre CSS (box-shadow)Règle une ombre CSS avec aperçu en direct et copie le code généré — décalage, flou, étendue, couleur, inset.Compresseur CSSMinifie le CSS en retirant commentaires et espaces pour réduire la taille de ta feuille de style.Terrain de jeu CSS FlexboxExpérimente flex-direction, wrap, justify-content, align-items et gap — aperçu en direct et CSS à copier.Générateur de CSS GridConstruis une mise en page CSS Grid visuellement — colonnes, lignes, espaces et alignement — avec aperçu en direct et CSS à copier.Formateur de date ISO 8601Transforme une date, une heure et un décalage UTC en ISO 8601, RFC 3339, date de semaine/ordinale, RFC 2822, date HTTP et horodatages Unix.

Embellisseur CSS s'utilise directement depuis cette page — gratuit, instantané, rien à installer. Vous le trouverez sous JSON, XML & formats, avec Embellisseur HTML et Minifieur / embellisseur JavaScript pour les cas voisins.

Comment l'utiliser

Ouvre l'outil — sans inscription ni installation.
Saisis tes données ou ajuste les options disponibles.
Obtiens ton résultat instantanément, puis copie-le ou télécharge-le.

Questions fréquentes

Qu'est-ce que Embellisseur CSS ?

Reformate du CSS minifié ou désordonné en règles propres et bien indentées — ou reminifie-le.

Dans quels cas s'en sert-on concrètement ?

Rendre lisible un bloc généré par une machine, localiser le caractère où l'analyse échoue, et alléger un fichier avant sa mise en production.

Quelle est l'erreur la plus fréquente ?

Confondre valide et correct. Un document peut s'analyser sans erreur et n'avoir pas la bonne structure pour ce qui va le lire : la validation contrôle la syntaxe, pas le schéma.

En quoi Embellisseur CSS diffère-t-il de Embellisseur HTML ?

Ils se ressemblent mais répondent à des questions différentes : Embellisseur HTML est celui à ouvrir lorsqu'il s'agit de transforme du HTML minifié ou emmêlé en balisage lisible et bien indenté — ou minifie-le. Choisis celui qui correspond à ton point de départ — les deux sont gratuits.

Existe-t-il un outil pour l'étape suivante ?

Minifieur / embellisseur JavaScript est le plus proche après celui-ci : Minifie ou embellis du JavaScript dans ton navigateur, avec un tokenizer qui respecte chaînes, regex et commentaires.

Quels autres outils vaut-il la peine d'ouvrir à côté ?

Minificateur CSS et Générateur d'ombre CSS (box-shadow) — ils reviennent assez souvent dans la même tâche pour mériter un second onglet.

D'où viennent les données ?

L'analyse et la sérialisation suivent la spécification de chaque format. L'ordre des clés et les espaces n'ont pas de sens sémantique en JSON ni en YAML : un document reformaté reste équivalent même si les octets diffèrent.

Pour aller plus loin

Tous les guides →

GuideCe qu'un minifieur peut retirer, et ce qu'il ne doit pas toucherLa minification doit préserver le sens, et l'intéressant, ce sont les espaces qui portent du sens : le combinateur de descendance, les espaces dans calc(), l'écart entre deux éléments en ligne. Mesuré ici sur de vrais fichiers, y compris ce que brotli te faisait déjà gagner.GuideEmbellir ou minifier : à quoi sert chacun, et ce que ça change au poidsQuatre vraies feuilles de style passées au minifieur, mesurées brutes puis après gzip. Retirer toutes les espaces a fait gagner 48, 103, 104 et 147 octets compressés ; retirer les commentaires, 57, 1 358, 2 420 et 1 042. Et les cinq entrées que ce minifieur casse.ExplicationÉcrire une date en ISO 8601, et pourquoi c'est le seul format non ambigu01/02/2026, c'est le 1er février dans la plus grande partie de l'Europe et le 2 janvier aux États-Unis, et rien dans la chaîne ne dit lequel. ISO 8601 règle cela, se trie comme du texte, et cesse d'être accepté en quatre points précis que la RFC 3339 refuse.ExplicationLire et écrire l'heure militaire américaine0800 n'est ni « huit heures » ni « 08:00 » : c'est « zero eight hundred », avec une lettre de fuseau à la fin. Les quatre chiffres, la prononciation, minuit à 0000, la querelle du 2400, et pourquoi la notation sur 12 heures ne peut pas trancher midi.TutorielConstruire un tableau Markdown de zéro, sans compter les tirets à la mainLa plus petite chose qui soit encore un tableau tient en deux lignes : une ligne d'en-tête et une ligne de séparation. Voici pourquoi la seconde est obligatoire en GitHub Flavored Markdown, où les tableaux à barres n'existent pas du tout, et ce qu'un générateur fait que la saisie manuelle ne peut pas faire.GuideColler un tableau dans une pull request : ce qui casse, et les deux caractères qui cassent toutUn tableau Markdown n'interdit que deux caractères dans une cellule : la barre verticale et le saut de ligne. Voici ce que fait chacun, comment un convertisseur les traite, pourquoi l'échappement doit être appliqué dans le bon ordre, et pourquoi l'alignement du source ne compte jamais.