Monu Tools

CSS-formaterer

Forskjønn CSS med rent innrykk, eller forminsk den for å redusere filstørrelsen. Håndterer media-spørringer, calc() og lisenskommentarer.

Slik bruker du CSS-formaterer

  1. 01

    Lim inn CSS-en din i inndatafeltet.

  2. 02

    Velg Forskjønn for å formatere den eller Forminsk for å komprimere den.

  3. 03

    Velg innrykksstørrelsen, og kopier så resultatet.

Hva CSS-formatereren gjør

Dette er en CSS-formaterer som forskjønner stilark med rent, konsekvent innrykk, eller minifiserer dem for å redusere filstørrelsen. Du velger innrykksstørrelsen for forskjønning, og bytter til minifisering når du vil ha den minste utdataen.

Når du skal forskjønne og når du skal minifisere

Lesbar CSS er lettere å skanne, gjennomgå og feilsøke: når hver regel og deklarasjon er innrykket konsekvent, kan du se selektorer, nøsting og formen på mediespørringene dine med et øyekast.

Minifisering er for produksjon. Den fjerner mellomrommet og kommentarene nettlesere ikke trenger, så filen lastes ned raskere. På et stort stilark summerer besparelsen seg, spesielt før gzip-komprimering på serveren.

Forsiktig minifisering med calc() og mediespørringer

Minifisereren er forsiktig der det betyr noe. Den beholder mellomrommene rundt pluss og minus inne i calc(), så calc(100% - 30px) forblir gyldig, og den fjerner bare mellomrom rundt strukturelle tegn som klammeparenteser, kolon og semikolon. Den håndterer også nøstede mediespørringer korrekt.

Lisenskommentarer bevares

Lisenskommentarer skrevet i formen /*! ... */ bevares, som er standardkonvensjonen for å beholde opphavsretts- og lisensmerknader i minifisert utdata selv når vanlige kommentarer fjernes.

Kjører i nettleseren din

Både forskjønning og minifisering kjører helt i nettleseren din, så stilarkene dine forlater aldri enheten din. Verktøyet formaterer for lesbarhet og størrelse; det validerer ikke at CSS-en din er korrekt.

Ofte stilte spørsmål

Ødelegger forminsking calc()-uttrykk?

Nei. Forminskeren beholder mellomrommene rundt pluss og minus inne i verdier, så calc(100% - 30px) forblir gyldig. Den fjerner bare mellomrom rundt strukturelle tegn som klammer, kolon og semikolon.

Fjernes kommentarer ved forminsking?

Vanlige kommentarer fjernes for å spare plass, men lisenskommentarer skrevet som /*! ... */ beholdes, som er standardkonvensjonen for å bevare opphavsrettsmerknader.

Lastes CSS-en min opp noe sted?

Nei. Både forskjønn og forminsk kjører helt i nettleseren din, så stilarkene dine forlater aldri enheten din.

Kilder

Bygg inn dette verktøyet

Legg til dette verktøyet på ditt eget nettsted. Kopier kodesnutten nedenfor; den holdes automatisk oppdatert.

<iframe src="https://monu.tools/embed/nb/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Relaterte verktøy