Formatator CSS
Înfrumusețați CSS redus sau dezordonat în reguli curate, indentate și lizibile.
Formatator CSS
Lipiți CSS redus sau încurcat manual, iar acest formatator îl extinde într-o foaie de stil curată și lizibilă: o declarație pe linie, selectorul și acolada de deschidere pe o singură linie, acolada de închidere singură și o linie goală între regulile de nivel superior. Blocurile imbricate, cum ar fi @media, @supports și selectoarele imbricate sunt indentate cu un nivel mai adânc, astfel încât structura foii este evidentă dintr-o privire.
Instrumentul vă citește CSS caracter cu caracter, mai degrabă decât să îl împartă cu modele naive, astfel încât să nu se oprească niciodată în conținutul complicat. Șirurile își păstrează conținutul exact, astfel încât conținutul: „a{b}” supraviețuiește cu acolade în interior. Corpurile url() sunt copiate literal, astfel încât un URI de date cu propriile puncte și virgulă și două puncte — url(data:image/png;base64,...) — este lăsat complet singur. Comentariile rămân cuvânt cu cuvânt pe rândul lor la indentația curentă.
Trei opțiuni reglează ieșirea. Indentare comută între două spații, patru spații sau o filă. Un selector pe linie pune fiecare selector al unei liste de virgule pe propriul rând, util pentru reguli grupate lungi și diferențe mai curate. Linia goală dintre reguli poate fi dezactivată atunci când doriți ca foaia să fie mai compactă. Numărul în timp real numără regulile, declarațiile și liniile de ieșire pe măsură ce tastați, cu numărul de reguli evidențiat.
Acesta este omologul unui minificator CSS: utilizați-l pentru a face din nou editabil un fișier de producție comprimat, pentru a reformata codul inconsecvent de la mai mulți autori sau pur și simplu pentru a citi o foaie de stil pe care nu ați scris-o. Totul rulează în întregime în browserul dvs. - CSS-ul dvs. nu este încărcat niciodată nicăieri.