Besplatan CSS uljepšivač
Ljepo formatirajte minifikovani CSS s dosljednim uvlačenjem. Opciono abecedno sortiranje svojstava za predvidive razlike.
Ispustite datoteke ovdje ili kliknite da ih pregledate
CSS · Nema ograničenja veličine datoteke
ili pritisnite Ctrl+V za lijepljenje iz međuspremnika
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.
- 1Tokenizacija na nivou znakovaFunkcija 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.
- 2Razdvajanje bloka i deklaracijeKada 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.
- 3Sortiranje svojstava i uvlačenjeDeklaracije 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.
- 4Trenutni izlaz u preglednikuRezultati 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
SQL formater i uljepšivač
Ljepo formatirajte SQL upite s pravilnim uvlačenjem, podesivim slovima ključnih riječi i prelomima redova na glavnim klauzulama. Radi s bilo kojim SQL dijalektom.
HTML uljepšivač i minifikator
Ljepo formatirajte ili minifikujte HTML s pravilnim uvlačenjem ugniježđenja. Zadržava sadržaj unutar blokova <pre>, <script>, <style>.
XML formater i validator
Ljepo formatirajte i provjerite XML koristeći ugrađeni DOM parser vašeg preglednika. Uključuje minifikovani izlaz za produkcijsku upotrebu.