Formatter koristi skener koji razume sintaksu umesto slepog deljenja koda na svakoj vitičastoj zagradi ili tački sa zarezom. Prati niske, komentare, funkcije, selektore atributa i ugnježdene blokove, pa interpunkcija unutar URL-a ili vrednosti pod navodnicima ostaje netaknuta.
Besplatan CSS Formatter
Radi u celosti u pregledaču - bez otpremanja i bez registracije.
Ulazni CSS
Formatirani CSS
Nalepite CSS za formatiranje
Čemu služi CSS formatter?
CSS formatter pretvara minifikovan ili neujednačeno napisan fajl sa stilovima u čitljiv kod sa doslednim uvlačenjem i prelomima redova. Nalepite CSS, izaberite dva razmaka, četiri razmaka ili tabulator, a zatim kopirajte ili preuzmite rezultat. Obrada se odvija u pregledaču i čuva redosled deklaracija.
Kako se koristi
- 1Nalepite CSS. Dodajte fajl sa stilovima, blok selektora ili minifikovani CSS isečak u polje za unos.
- 2Izaberite uvlačenje. Izaberite dva razmaka, četiri razmaka ili tabulator. Formatirani rezultat se odmah ažurira.
- 3Proverite stanje. Pregledajte podatke o strukturi ili ispravite nezatvoren razdelnik, komentar ili nisku.
- 4Kopirajte ili preuzmite. Kopirajte formatirani CSS u privremenu memoriju ili ga sačuvajte kao formatted.css.
Kome je namenjen
- Front-end programeri mogu da prošire produkcijski CSS kako bi ga lakše čitali i otklanjali greške.
- Pregledaoci koda mogu da ujednače uvlačenje pre poređenja fajla sa stilovima ili isečka iz pull requesta.
- Učenici i studenti lakše vide strukturu ugnježdenih media queryja, selektora i blokova deklaracija.
- Timovi za podršku i QA mogu da urede CSS iz alata pregledača pre dodavanja u prijavu greške.
Česta pitanja
Da li je CSS formatter besplatan?
Da. Možete da formatirate onoliko CSS-a koliko pregledač može udobno da obradi. Nisu potrebni nalog, instalacija ni pretplata, a rezultat je odmah dostupan.
Da li se moj CSS šalje na server?
Ne. Formatiranje se odvija lokalno u pregledaču. Nalepljeni CSS ostaje u uređivaču na stranici i ne šalje se API-ju, pa je alat pogodan i za privatni projektni kod.
Koliko CSS-a mogu da formatiram?
Nema fiksnog ograničenja broja znakova. Veoma veliki generisani fajlovi sa stilovima i dalje zavise od memorije uređaja i pregledača, ali se uobičajeni CSS za sajt, komponentu ili e-poruku obrađuje brzo.
Da li formatiranje menja ponašanje CSS-a?
Formatter menja razmake i prelome redova, ali čuva selektore, deklaracije, komentare, niske pod navodnicima i njihov redosled. Proverite rezultat pre objave, naročito uz eksperimentalnu sintaksu ili escape sekvence osetljive na razmake.
Da li alat proverava ispravnost CSS svojstava?
Ne. Proverava samo ravnotežu vitičastih, uglastih i oblih zagrada, komentara i niski. Ne utvrđuje da li su svako svojstvo, vrednost ili funkcija specifična za pregledač semantički ispravni.
Može li da formatira media queries i ugnježdeni CSS?
Da. Blokovi unutar at-rules kao što su media, supports, container, layer i keyframes uvlače se prema dubini. Savremeni ugnježdeni selektori takođe se uređuju bez promene niski ili argumenata funkcija.