Försköna CSS med rent indrag, eller minifiera den för att minska filstorleken. Hanterar mediefrågor, calc() och licenskommentarer.
Så använder du CSS-formaterare
Klistra in din CSS i inmatningsrutan.
Välj Försköna för att formatera den eller Minifiera för att komprimera den.
Välj indragsstorlek, och kopiera sedan resultatet.
Det här är en CSS-formaterare som förskönar stilmallar med ren, konsekvent indragning, eller minifierar dem för att krympa filstorleken. Du väljer indragningsstorlek för förskönande, och växlar till minifiering när du vill ha den minsta utdatan.
Läsbar CSS är lättare att skanna, granska och felsöka: när varje regel och deklaration är indragen konsekvent kan du se selektorer, nästling och formen på dina mediefrågor med en blick.
Minifiering är för produktion. Den tar bort de blanksteg och kommentarer som webbläsare inte behöver, så att filen laddas ner snabbare. På en stor stilmall summeras besparingen, särskilt före gzip-komprimering på servern.
Minifieraren är försiktig där det spelar roll. Den behåller blankstegen runt plus och minus inuti calc(), så att calc(100% - 30px) förblir giltig, och den tar bara bort blanksteg runt strukturella tecken som klammerparenteser, kolon och semikolon. Den hanterar också nästlade mediefrågor korrekt.
Licenskommentarer skrivna i formen /*! ... */ bevaras, vilket är standardkonventionen för att behålla upphovsrätts- och licensnotiser i minifierad utdata även när vanliga kommentarer tas bort.
Både förskönande och minifiering körs helt i din webbläsare, så dina stilmallar lämnar aldrig din enhet. Verktyget formaterar för läsbarhet och storlek; det validerar inte att din CSS är korrekt.
Vanliga frågor
Nej. Minifieraren behåller mellanslagen runt plus och minus inuti värden, så calc(100% - 30px) förblir giltigt. Den tar bara bort mellanslag runt strukturella tecken som klamrar, kolon och semikolon.
Vanliga kommentarer tas bort för att spara plats, men licenskommentarer skrivna som /*! ... */ behålls, vilket är standardkonventionen för att bevara upphovsrättsmeddelanden.
Nej. Både förskönande och minifiering körs helt i din webbläsare, så dina stilmallar lämnar aldrig din enhet.
Bädda in det här verktyget
Lägg till det här verktyget på din egen webbplats. Kopiera kodsnutten nedan; den hålls automatiskt uppdaterad.
<iframe src="https://monu.tools/embed/sv/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Relaterade verktyg
Försköna HTML med blockmedvetet indrag, eller minifiera den. Innehållet i pre, textarea, script och style bevaras.
Försköna och snygga till JavaScript med konsekvent indrag och mellanrum. Körs helt i din webbläsare.
Omvandla CSV till en Excel-.xlsx-fil och Excel tillbaka till CSV, helt i din webbläsare. Fungerar åt båda håll.
Generera TypeScript-gränssnitt från ett JSON-exempel, med nästlade typer, arrayer och valfria fält. Körs i din webbläsare.