Formatteren bruker en skanner som forstår syntaksen, i stedet for å dele koden blindt ved hver krøllparentes eller hvert semikolon. Den følger strenger, kommentarer, funksjoner, attributtselektorer og nestede blokker, slik at tegnsetting i en URL eller en verdi i anførselstegn forblir urørt.
Gratis CSS Formatter
Kjører helt i nettleseren - ingen opplasting, ingen registrering.
CSS-inndata
Formatert CSS
Lim inn CSS for å formatere den
Hva gjør en CSS formatter?
En CSS formatter gjør et minifisert eller ujevnt skrevet stilark lesbart med konsekvente innrykk og linjeskift. Lim inn CSS, velg to mellomrom, fire mellomrom eller tabulator, og kopier eller last ned resultatet. Alt skjer i nettleseren, og rekkefølgen på deklarasjonene beholdes.
Slik bruker du verktøyet
- 1Lim inn CSS. Legg inn et stilark, en selektorblokk eller et minifisert CSS-utdrag i inndatafeltet.
- 2Velg innrykk. Velg to mellomrom, fire mellomrom eller tabulator. Det formaterte resultatet oppdateres med en gang.
- 3Kontroller statusen. Se strukturtallene, eller rett en skilletegn, kommentar eller streng som ikke er lukket.
- 4Kopier eller last ned. Kopier den formaterte CSS-en til utklippstavlen, eller lagre den som formatted.css.
Hvem passer det for
- Front-end-utviklere kan folde ut produksjons-CSS for å lese og feilsøke den enklere.
- Kodegranskere kan jevne ut innrykk før de sammenligner et stilark eller et utdrag fra en pull request.
- Studenter får bedre oversikt over nestede media queries, selektorer og deklarasjonsblokker.
- Support- og QA-team kan rydde opp i CSS fra nettleserens inspeksjonsverktøy før den legges i en sak.
Vanlige spørsmål
Er CSS formatteren gratis?
Ja. Du kan formatere så mye CSS som nettleseren kan håndtere uten problemer. Det kreves ingen konto, installasjon eller brukskvote, og resultatet er klart med en gang.
Lastes CSS-en min opp til en server?
Nei. Formateringen skjer lokalt i nettleseren. CSS-en du limer inn, blir værende i redigeringsfeltet på siden og sendes ikke til et API. Derfor kan verktøyet også brukes til privat prosjektkode.
Hvor mye CSS kan jeg formatere?
Det finnes ingen fast tegngrense. Svært store, genererte stilark avhenger fortsatt av enhetens minne og nettleseren, men vanlig CSS for nettsteder, komponenter og e-post behandles raskt.
Endrer formateringen hvordan CSS-en virker?
Formatteren endrer mellomrom og linjeskift, men beholder selektorer, deklarasjoner, kommentarer, strenger i anførselstegn og rekkefølgen deres. Kontroller resultatet før publisering, særlig ved eksperimentell syntaks eller escape-sekvenser som er følsomme for mellomrom.
Validerer verktøyet CSS-egenskaper?
Nei. Det kontrollerer bare balansen mellom krøllparenteser, hakeparenteser, vanlige parenteser, kommentarer og strenger. Det avgjør ikke om hver egenskap, verdi eller nettleserspesifikke funksjon er semantisk gyldig.
Kan det formatere media queries og nestet CSS?
Ja. Blokker i at-rules som media, supports, container, layer og keyframes rykkes inn etter dybde. Moderne nestede selektorer formateres også uten å endre strenger eller funksjonsargumenter.