Formatter koristi skener koji razumije sintaksu umjesto slijepog dijeljenja koda na svakoj vitičastoj zagradi ili točki sa zarezom. Prati nizove, komentare, funkcije, atributne selektore i ugniježđene blokove, pa interpunkcija unutar URL-a ili vrijednosti u navodnicima ostaje netaknuta.
Besplatan CSS Formatter
Radi u cijelosti u pregledniku - bez slanja podataka i bez registracije.
Ulazni CSS
Formatirani CSS
Zalijepite CSS za formatiranje
Čemu služi CSS formatter?
CSS formatter pretvara minificiranu ili neujednačeno napisanu stilsku datoteku u čitljiv kod s dosljednim uvlačenjem i prijelomima redaka. Zalijepite CSS, odaberite dvije razmaknice, četiri razmaknice ili tabulator, zatim kopirajte ili preuzmite rezultat. Obrada se odvija u pregledniku i čuva redoslijed deklaracija.
Kako se koristi
- 1Zalijepite CSS. Dodajte stilsku datoteku, blok selektora ili minificirani CSS isječak u polje za unos.
- 2Odaberite uvlačenje. Odaberite dvije razmaknice, četiri razmaknice ili tabulator. Formatirani rezultat odmah se ažurira.
- 3Provjerite stanje. Pregledajte strukturne podatke ili ispravite nezatvoren razdjelnik, komentar ili niz.
- 4Kopirajte ili preuzmite. Kopirajte formatirani CSS u međuspremnik ili ga spremite kao formatted.css.
Za koga je
- Front-end programeri mogu proširiti produkcijski CSS kako bi ga lakše čitali i otklanjali pogreške.
- Pregledavatelji koda mogu ujednačiti uvlačenje prije usporedbe stilske datoteke ili isječka iz pull requesta.
- Učenici i studenti lakše vide strukturu ugniježđenih media queryja, selektora i blokova deklaracija.
- Timovi za podršku i QA mogu urediti CSS iz alata preglednika prije dodavanja u prijavu pogreške.
Česta pitanja
Je li CSS formatter besplatan?
Da. Možete formatirati onoliko CSS-a koliko preglednik može ugodno obraditi. Ne trebaju račun, instalacija ni pretplata, a rezultat je dostupan odmah.
Prenosi li se moj CSS na poslužitelj?
Ne. Formatiranje se odvija lokalno u pregledniku. Zalijepljeni CSS ostaje u uređivaču na stranici i ne šalje se API-ju, pa je alat prikladan i za privatni projektni kod.
Koliko CSS-a mogu formatirati?
Nema fiksnog ograničenja broja znakova. Vrlo velike generirane stilske datoteke i dalje ovise o memoriji uređaja i pregledniku, ali uobičajeni CSS za web, komponentu ili e-poštu obrađuje se brzo.
Mijenja li formatiranje ponašanje CSS-a?
Formatter mijenja razmake i prijelome redaka, ali čuva selektore, deklaracije, komentare, nizove u navodnicima i njihov redoslijed. Provjerite rezultat prije objave, osobito uz eksperimentalnu sintaksu ili escape sekvence osjetljive na razmake.
Provjerava li alat valjanost CSS svojstava?
Ne. Provjerava samo ravnotežu vitičastih, uglatih i oblih zagrada, komentara i nizova. Ne utvrđuje je li svako svojstvo, vrijednost ili funkcija specifična za preglednik semantički valjana.
Može li formatirati media queries i ugniježđeni CSS?
Da. Blokovi unutar at-rules kao što su media, supports, container, layer i keyframes uvlače se prema dubini. Moderni ugniježđeni selektori također se uređuju bez promjene nizova ili argumenata funkcija.