Monu Tools

CSS-formaterare

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

  1. 01

    Klistra in din CSS i inmatningsrutan.

  2. 02

    Välj Försköna för att formatera den eller Minifiera för att komprimera den.

  3. 03

    Välj indragsstorlek, och kopiera sedan resultatet.

Vad CSS-formateraren gör

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.

När du ska försköna och när du ska minifiera

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.

Försiktig minifiering med calc() och mediefrågor

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 bevaras

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.

Körs i din webbläsare

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

Bryter minifiering calc()-uttryck?

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.

Tas kommentarer bort vid minifiering?

Vanliga kommentarer tas bort för att spara plats, men licenskommentarer skrivna som /*! ... */ behålls, vilket är standardkonventionen för att bevara upphovsrättsmeddelanden.

Laddas min CSS upp någonstans?

Nej. Både förskönande och minifiering körs helt i din webbläsare, så dina stilmallar lämnar aldrig din enhet.

Källor

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