Besplatan CSS uljepšivač

Ljepo formatirajte minifikovani CSS s dosljednim uvlačenjem. Opciono abecedno sortiranje svojstava za predvidive razlike.

Radi offline nakon učitavanja

Ispustite datoteke ovdje ili kliknite da ih pregledate

CSS · Nema ograničenja veličine datoteke

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj fajlove
Uljepšani CSS
Izlaz će se pojaviti ovdje…

Kako radi

Ovaj alat formatira CSS koristeći ručno napisan rekurzivni raščlanjivač ugrađen direktno u stranicu — bez biblioteke treće strane, bez poziva serveru. Raščlanjivač prolazi kroz vaš CSS znak po znak, ispravno rukujući citiranim nizovima, url() vrijednostima, ugniježđenim at-pravilima, i komentarima koji bi zbunili jednostavnije pristupe zasnovane na regularnim izrazima.

  1. 1
    Tokenizacija na nivou znakova
    Funkcija walkCss skenira sirovi unos jedan znak po znak, prateći stanje navodnika i dubinu zagrada tako da se tačke-zarezi ili vitičaste zagrade unutar url(), vrijednosti niza, ili komentara nikada ne pomiješaju sa strukturnim separatorima.
  2. 2
    Razdvajanje bloka i deklaracije
    Kada skener pronađe otvarajuću vitičastu zagradu na najvišem nivou, izvlači prelude (selektor ili ključnu riječ at-pravila) i rekurzivno obrađuje tijelo bloka — koje samo može sadržavati ugniježđena pravila (@media, @supports, native CSS ugniježđivanje) obrađena na dubljem nivou rekurzije.
  3. 3
    Sortiranje svojstava i uvlačenje
    Deklaracije unutar svakog bloka se prikupljaju u niz, zatim se opciono sortiraju abecedno po nazivu svojstva prije nego što se ispišu sa odabranom širinom uvlačenja (2 ili 4 razmaka). Mod minifikacije potpuno preskače razmake i uklanja komentare.
  4. 4
    Trenutni izlaz u pregledniku
    Rezultati se pojavljuju dok kucate putem useMemo kuke — ništa se nikuda ne šalje. Formatiran ili minifikovan CSS se može kopirati u međuspremnik ili preuzeti kao .css datoteka, a panel prikazuje razliku u veličini u odnosu na original.

Povezani alati

Često postavljana pitanja