Uljepšajte CSS s čistim uvlakama ili ga minificirajte za smanjenje veličine datoteke. Rukuje media upitima, calc() i licencnim komentarima.
Kako koristiti CSS formater
Zalijepite CSS u ulazni okvir.
Odaberite Uljepšaj za formatiranje ili Minificiraj za sažimanje.
Odaberite veličinu uvlake, zatim kopirajte rezultat.
Ovo je CSS formatirač koji uljepšava stilske tablice čistim, dosljednim uvlačenjem, ili ih sažima kako bi smanjio veličinu datoteke. Odaberete veličinu uvlake za uljepšavanje i prebacite se na sažimanje kada želite najmanji izlaz.
Čitljiv CSS lakše je pregledati, recenzirati i ispravljati: kada je svako pravilo i deklaracija dosljedno uvučeno, na prvi pogled možete vidjeti selektore, ugnježđivanje i oblik vaših medijskih upita.
Sažimanje je za produkciju. Uklanja bjeline i komentare koji preglednicima nisu potrebni, pa se datoteka brže preuzima. Na velikoj se stilskoj tablici ušteda nakuplja, osobito prije gzip kompresije na serveru.
Sažimatelj je pažljiv gdje je važno. Zadržava razmake oko plusa i minusa unutar calc(), pa calc(100% - 30px) ostaje valjan, i uklanja razmake samo oko strukturnih znakova poput vitičastih zagrada, dvotočaka i točaka sa zarezom. Također ispravno obrađuje ugniježđene medijske upite.
Licencni komentari napisani u obliku /*! ... */ čuvaju se, što je standardna konvencija za zadržavanje obavijesti o autorskim pravima i licenci u sažetom izlazu čak i kada se obični komentari uklone.
I uljepšavanje i sažimanje odvijaju se u potpunosti u vašem pregledniku, pa vaše stilske tablice nikada ne napuštaju vaš uređaj. Alat formatira radi čitljivosti i veličine; ne provjerava je li vaš CSS ispravan.
Često postavljana pitanja
Ne. Minifikator zadržava razmake oko plusa i minusa unutar vrijednosti, pa calc(100% - 30px) ostaje valjan. Uklanja samo razmake oko strukturnih znakova poput vitičastih zagrada, dvotočki i točka-zareza.
Normalni komentari se uklanjaju radi uštede prostora, ali licencni komentari napisani kao /*! ... */ se zadržavaju, što je standardna konvencija za čuvanje obavijesti o autorskim pravima.
Ne. I uljepšavanje i minificiranje se odvijaju u potpunosti u vašem pregledniku, pa vaši stilovi nikada ne napuštaju vaš uređaj.
Ugradi ovaj alat
Dodajte ovaj alat na vlastitu web stranicu. Kopirajte isječak u nastavku; automatski ostaje ažuran.
<iframe src="https://monu.tools/embed/hr/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Slični alati
Uljepšajte HTML s uvlačenjem svjesnim blokova ili ga minificirajte. Sadržaj pre, textarea, script i style je sačuvan.
Uljepšajte i sredite JavaScript s dosljednim uvlakama i razmacima. Radi u potpunosti u vašem pregledniku.
Pretvorite CSV u Excel .xlsx datoteku i Excel natrag u CSV, u potpunosti u vašem pregledniku. Radi u oba smjera.
Generirajte TypeScript sučelja iz JSON uzorka, s ugniježđenim tipovima, poljima i neobaveznim poljima. Radi u vašem pregledniku.