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
Lim inn CSS-en din i inndatafeltet.
Velg Forskjønn for å formatere den eller Forminsk for å komprimere den.
Velg innrykksstørrelsen, og kopier så resultatet.
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.
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.
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 skrevet i formen /*! ... */ bevares, som er standardkonvensjonen for å beholde opphavsretts- og lisensmerknader i minifisert utdata selv når vanlige kommentarer fjernes.
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
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.
Vanlige kommentarer fjernes for å spare plass, men lisenskommentarer skrevet som /*! ... */ beholdes, som er standardkonvensjonen for å bevare opphavsrettsmerknader.
Nei. Både forskjønn og forminsk kjører helt i nettleseren din, så stilarkene dine forlater aldri enheten din.
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
Forskjønn HTML med blokkbevisst innrykk, eller forminsk den. Innholdet i pre, textarea, script og style bevares.
Forskjønn og forfin JavaScript med konsekvent innrykk og mellomrom. Kjører helt i nettleseren din.
Konverter CSV til en Excel .xlsx-fil og Excel tilbake til CSV, helt i nettleseren din. Fungerer i begge retninger.
Generer TypeScript-grensesnitt fra en JSON-prøve, med nestede typer, matriser og valgfrie felt. Kjører i nettleseren din.