Formatorul folosește un scaner care înțelege sintaxa, nu împarte textul orbește la fiecare acoladă și punct și virgulă. Urmărește șiruri, comentarii, funcții, selectori de atribute și blocuri imbricate. Astfel, semnele dintr-un URL sau dintr-o valoare între ghilimele rămân neschimbate.
Formatare CSS online
Rulează integral în browserul tău - fără încărcare, fără cont.
CSS de intrare
CSS formatat
Lipește CSS pentru formatare
Cum formatezi cod CSS online?
Un formator CSS transformă foile de stil minificate sau spațiate neuniform în cod ușor de citit, cu indentare și rânduri consecvente. Lipește codul CSS, alege două spații, patru spații sau tabulator, apoi copiază ori descarcă rezultatul. Procesarea are loc în browser și păstrează comentariile, valorile între ghilimele, URL-urile de date și ordinea declarațiilor.
Cum se folosește
- 1Lipește codul CSS. Adaugă în editor o foaie de stil, un bloc de selectori sau un fragment de CSS minificat.
- 2Alege indentarea. Selectează două spații, patru spații sau tabulator. Rezultatul se actualizează pe măsură ce scrii.
- 3Verifică starea. Consultă valorile structurale sau corectează delimitatorul fără pereche, comentariul deschis ori șirul neterminat indicat.
- 4Copiază sau descarcă. Copiază codul CSS formatat în clipboard sau salvează-l ca formatted.css.
Pentru cine este
- Dezvoltatori front-end care extind CSS-ul de producție pentru a-l citi și depana mai ușor.
- Recenzori de cod care uniformizează indentarea înainte de a compara o foaie copiată sau un fragment dintr-o cerere de integrare.
- Studenți care vor să urmărească mai clar interogările media, selectorii și blocurile de declarații imbricate.
- Echipe de suport și QA care curăță CSS copiat din instrumentele de dezvoltare înainte de a-l adăuga într-un tichet sau într-un exemplu de reproducere.
Întrebări frecvente
Formatorul CSS este gratuit?
Da. Poți formata atât CSS cât poate procesa confortabil browserul. Nu este nevoie de cont sau instalare, nu există o cotă de utilizare, iar rezultatul apare imediat.
Codul meu CSS este trimis la un server?
Nu. Formatarea rulează local în browser. Codul lipit rămâne în editorul paginii și nu este trimis către niciun API, așa că instrumentul poate fi folosit și pentru stilurile proiectelor private.
Cât cod CSS pot formata?
Instrumentul nu impune o limită fixă de caractere. Foile generate foarte mari depind în continuare de memoria și performanța dispozitivului, dar stilurile obișnuite pentru site-uri, componente și e-mailuri se formatează imediat.
Formatarea schimbă modul în care funcționează CSS-ul?
Schimbă spațiile și rândurile, dar păstrează selectorii, declarațiile, comentariile, șirurile între ghilimele și ordinea lor. Verifică rezultatul înainte de publicare, mai ales dacă foaia folosește sintaxă experimentală sau secvențe de evitare sensibile la spații.
Instrumentul validează proprietățile CSS?
Nu. Verifică echilibrul acoladelor, parantezelor drepte, parantezelor rotunde, comentariilor și șirurilor. Nu confirmă dacă fiecare proprietate, valoare sau funcție specifică unui browser este validă. Pentru aceasta, folosește un validator CSS bazat pe standarde.
Poate formata interogări media și CSS imbricat?
Da. Blocurile din regulile @media, @supports, @container, @layer și @keyframes sunt indentate după adâncime. Selectorii imbricați moderni sunt organizați fără a modifica șirurile sau argumentele funcțiilor.