Formateur CSS
Embellissez le CSS minifié ou désordonné en règles propres, indentées et lisibles.
Formateur CSS
Collez du CSS minifié ou enchevêtré à la main et ce formateur le développe en une feuille de style propre et lisible : une déclaration par ligne, le sélecteur et son accolade ouvrante sur une ligne, l'accolade fermante seule et une ligne vide entre les règles de niveau supérieur. Les blocs imbriqués tels que @media, @supports et les sélecteurs imbriqués sont indentés d'un niveau plus profond, de sorte que la structure de la feuille est évidente en un coup d'œil.
L'outil lit votre CSS caractère par caractère plutôt que de le diviser avec des modèles naïfs, de sorte qu'il ne s'arrête jamais sur un contenu délicat. Les chaînes conservent leur contenu exact, donc content: "a{b}" survit avec les accolades à l'intérieur. Les corps url() sont copiés textuellement, donc un URI de données avec ses propres points-virgules et deux-points — url(data:image/png;base64,...) — est laissé complètement seul. Les commentaires restent mot pour mot sur leur propre ligne au retrait actuel.
Trois options ajustent la sortie. Le retrait bascule entre deux espaces, quatre espaces ou une tabulation. Un sélecteur par ligne place chaque sélecteur d'une liste de virgules sur sa propre ligne, ce qui est pratique pour les règles groupées longues et les différences plus claires. La ligne vide entre les règles peut être désactivée lorsque vous souhaitez que la feuille soit plus compacte. Le décompte en direct compte les règles, les déclarations et les lignes de sortie au fur et à mesure que vous tapez, le nombre de règles étant mis en surbrillance.
C'est le pendant d'un minificateur CSS : utilisez-le pour rendre à nouveau éditable un fichier de production compressé, pour reformater du code incohérent de plusieurs auteurs, ou simplement pour lire une feuille de style que vous n'avez pas écrite. Tout s'exécute entièrement dans votre navigateur : votre CSS n'est jamais téléchargé nulle part.