El formatador fa servir un analitzador que reconeix la sintaxi en lloc de separar el text a cegues per claus i punts i coma. Controla cadenes, comentaris, funcions, selectors d'atributs i blocs imbricats. Així, la puntuació dins d'un URL o d'un valor entre cometes queda intacta.
Formatar CSS en línia
Funciona del tot al navegador: sense pujar res ni registrar-te.
CSS d'entrada
CSS formatat
Enganxa CSS per formatar-lo
Com es pot formatar CSS en línia?
Un formatador de CSS transforma fulls d'estil minificats o amb espais irregulars en codi llegible, amb sagnats i salts de línia coherents. Enganxa el CSS, tria dos espais, quatre espais o tabulacions i copia o baixa el resultat. Tot es processa al navegador i es conserven els comentaris, els valors entre cometes, els URL de dades i l'ordre de les declaracions.
Com s’utilitza
- 1Enganxa el CSS. Afegeix a l'editor un full d'estil, un bloc de selectors o un fragment de CSS minificat.
- 2Tria el sagnat. Selecciona dos espais, quatre espais o una tabulació. El resultat s'actualitza mentre escrius.
- 3Comprova l'estat. Revisa els recomptes d'estructura o corregeix el delimitador sense parella, el comentari obert o la cadena sense tancar que s'indiqui.
- 4Copia o baixa. Copia el CSS formatat al porta-retalls o desa'l com a formatted.css.
Per a qui és
- Desenvolupadors front-end que despleguen CSS de producció per llegir-lo i depurar-lo amb més facilitat.
- Persones que revisen codi i volen unificar el sagnat abans de comparar un full copiat o un fragment d'una sol·licitud d'integració.
- Estudiants que necessiten veure més clares les consultes de mitjans, els selectors i els blocs de declaracions imbricats.
- Equips de suport i QA que endrecen CSS de les eines de desenvolupament abans d'afegir-lo a un tiquet o a un cas de reproducció.
Preguntes freqüents
El formatador de CSS és gratuït?
Sí. Pots formatar tant CSS com el navegador pugui processar còmodament. No cal cap compte ni instal·lar res, no hi ha cap quota d'ús i el resultat apareix de seguida.
El meu CSS s'envia a un servidor?
No. El formatat s'executa localment al navegador. El CSS que enganxes es queda a l'editor de la pàgina i no s'envia a cap API, de manera que també és adequat per als estils de projectes privats.
Quant CSS puc formatar?
L'eina no imposa cap límit de caràcters. Els fulls generats molt grans encara depenen de la memòria i del rendiment del dispositiu, però els estils habituals de webs, components i correus es formaten a l'instant.
Formatar canvia el funcionament del CSS?
Només canvia els espais i els salts de línia. Manté els selectors, les declaracions, els comentaris, les cadenes entre cometes i l'ordre original. Revisa el resultat abans de publicar-lo, sobretot si utilitza sintaxi experimental o escapaments que depenen d'espais poc habituals.
L'eina valida les propietats CSS?
No. Comprova que les claus, els claudàtors, els parèntesis, els comentaris i les cadenes estiguin equilibrats. No verifica si cada propietat, valor o funció específica del navegador és vàlida. Per fer-ho, cal un validador CSS basat en els estàndards.
Pot formatar consultes de mitjans i CSS imbricat?
Sí. Els blocs dins de les regles @media, @supports, @container, @layer i @keyframes se sagnen segons la profunditat. Els selectors imbricats moderns també s'ordenen sense modificar cadenes ni arguments de funció.